javascript - 表单字段值在没有页面加载的情况下重置

Question

下面是我试图完成的代码，当用户单击提交按钮时，我的 javascript 函数将 id='contact_form' 表单的文本字段中的所有值设置为 null，而不加载页面。请让我知道如何修改以下代码来完成我一直在尝试做的功能。 谢谢!!

<script type='text/javascript'>
    $(document).ready(function(){
        $('#love').click(function(e) {
            document.contact_form.name.value = '';
            alert('aloha!!');
            //stop the form from being submitted (not working fine)
            e.preventDefault();
        }
    }
</script>
<form name='abc' action='' id='abc' >
    <input type="submit" id='love' />
</form> 

我还尝试了以下功能，它工作正常，但不会阻止页面加载

<script type='text/javascript'>
    function js(){
        document.contact_form.name.value = '';
        //stop the form from being submitted (NOT WORKING!!)
        preventDefault();
    }
    }
</script>

Answer 1

如果您在 form 标记中尝试 onsubmit="return false;"，您的表单将不会提交。不幸的是它永远不会被提交。除非您不打算通过 AJAX 提交，否则您必须像这样修改 onsubmit 事件:

<form onsubmit="return callFunction()">

function callFunction() {
    if(condition)
        return true;
    else
        return false;
}