javascript - Jquery 验证引擎在 onclick 函数之前进行检查

Question

我试图实现 Jquery 验证在 onclick 函数之前工作，不幸的是，onclick 函数在验证引擎检查之前被调用，使得验证在保存记录后弹出。如何在 onclick 函数之前强制执行验证检查？

HTML.html

        <script charset="utf-8">
            jQuery(document).ready( function() {
                    jQuery("#Insert").validationEngine();
                });
        </script>

        <form id="Insert"  method="POST" data-ajax="false">
        <label for="name">Name/label>
        <input type="text"  name="FName"  id="FName" class="validate[required]" /><br>

        <input type="button" value="Add"  onClick="Insert()"> 
        </form>

JS.js

        function Insert(tx) {
            tx.executeSql('INSERT INTO tblnames (FName) VALUES ("' +document.getElementById("FName").value+'")', [], success, error);
        }

Answer 1

怎么样this JSFiddle ？

表单具有onsubmit="return false;"，因此不会自动提交。验证完成后，根据 onValidationComplete 函数的结果，您可以提交表单或不提交表单。

或者，当您需要独立于提交来验证表单时，请使用

<input type="button" value="Just Button" onclick="jQuery('#Insert').validationEngine('validate')" />