php - 在按钮单击时使用 jquery 验证

Question

我想在按钮单击时验证我的表单。

为此，我使用了("#trade").validate();.

但我的问题是，当用户单击我的按钮时，它会调用另一个函数来发布我的数据。

<input type="button" class="button" value="Save" onClick="create_trade();">

我用了

<script type="text/javascript">
$(document).ready(function(){
        $("#trade").validate();
    });
</script>

现在我将如何验证此表格。

Answer 1

在表单验证之后，您在 submitHandler 事件中调用函数 create_trade()。

<script type="text/javascript">
$(document).ready(function(){
        $("#trade").validate({
               submitHandler: function(form) {
                create_trade();
           }
         });
    });
</script>

Answer 2

使用表单标签的 onsubmit 属性。如果<form onsubmit="return validate()" 函数返回 true，则不会提交表单数据，因此请确保仅在验证完成后才返回 true，否则从函数返回 false，这样您的表单数据将不会被提交。

Answer 3

<form name="form1" method="post" action="">
<input type="button" class="button" name="save" value="Save">
</form>
    <script>
    function fn_submit()
    {
    document.form1.submit();
    }
    </script>

试试这个....

Answer 4

如果您想在单击按钮时调用验证功能，请尝试此代码

<script type="text/javascript">
$(document).ready(function(){
  $("input[type=button]").click(function() {
        //validation code
    });
 });
</script>