javascript - 使用 jQuery 重置/清除表单

Question

通过单击按钮提交后尝试清除表单。 “清晰形式”jQuery 在我测试的另一个项目中工作，但由于某种原因它在这里不起作用。 .validateEngine 和 .LocalStorage.save 函数都会启动并正常工作。任何见解将不胜感激。

function clicked (e) 
{
  if (confirm('Are you sure you want to submit?')) 
    {
       if ($("#formID").validationEngine('validate'))
       {
           my.LocalStorage.save();

        //clear form
            var $form = $("#form");
            $form.find('input:text, input:password, input:file, select, textarea').val('');
            $form.find('input:radio, input:checkbox')
            .removeAttr('checked').removeAttr('selected');

   }
}   
e.preventDefault();  
}

html

<form id="formID" name="myForm">    

 <input class="validate[required]" type="text" id="agree" name="agree"/>         
 <button type="submit" value="Save" id="Save" onclick="clicked(event);">Submit Survey</button>

</form>

Answer 1

您的表单 ID 错误。变化:

var $form = $("#form");

至:

var $form = $("#formID");

此外，为了避免选择相同的表单两次，将该变量声明移动到 if(confirm(...){ 内的第一行是有意义的，如下所示:

function clicked (e) {
    if (confirm('Are you sure you want to submit?')) {
        var $form = $("#formID");                
        if ($form.validationEngine('validate')) {
            my.LocalStorage.save();    
            //clear form
            $form.find('input:text, input:password, input:file, select, textarea').val('');
            $form.find('input:radio, input:checkbox')
                 .removeAttr('checked').removeAttr('selected');
        }
    }   
    e.preventDefault();  
}