javascript - 防止在 jQuery 验证引擎之后提交

Question

单击按钮后，如果未填写任何必填字段，则希望阻止提交到本地存储。这两个功能都正常工作。只是试图阻止 LocalStorage.save() 在 $("#formID").validationEngine(); 发现必填字段未完成时命中。

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

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

</form>

<script type="text/javascript">   
  function clicked() {
        if (confirm('Are you sure you want to submit?')) {

           $("#formID").validationEngine();               
           my.LocalStorage.save();

        } else {
            return false;
        }
    }
 </script>  

Answer 1

来自他们位于 http://posabsolute.github.io/jQuery-Validation-Engine/ 的文档:

validate

Validates a form or field, displays error prompts accordingly.
Returns true if the form validates, false if it contains errors.

It is inversed for fields, it return false on validate and true on errors.

When using form validation with ajax, it returns undefined, the result is delivered asynchronously via function options.onAjaxFormComplete.

// form validation 
alert( $("#formID1").validationEngine('validate') );

// field validation 
alert( $("#emailInput").validationEngine('validate') );

所以这会将您的代码更改为:

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

    e.preventDefault();  
}

请注意，我将 e 添加为需要通过以下方式传入的 event 的参数:

<button type="submit" value="Save" id="Save" onclick="clicked(event);">
    Submit Survey
</button>