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>

按钮点击使用jquery验证

4 个答案: