Jquery表单验证阻止表单提交_Jquery_Forms_Validation

Jquery表单验证阻止表单提交

jquery forms validation

Jquery表单验证阻止表单提交,jquery,forms,validation,Jquery,Forms,Validation,我正在使用Jquery表单验证，验证工作正常，但我的表单仍然提交。我尝试添加“return false”，但没有效果。在线文档似乎也忽略了有效的表单提交操作这是我的密码： $(function(){ $("form#ticketSubmit").validate({ rules:{ name:{ required: true, number: fal

我正在使用Jquery表单验证，验证工作正常，但我的表单仍然提交。我尝试添加“return false”，但没有效果。在线文档似乎也忽略了有效的表单提交操作

这是我的密码：

$(function(){

     $("form#ticketSubmit").validate({

          rules:{

               name:{
                    required: true,
                    number: false
               }

          }

     });

     $('form#ticketSubmit').submit(function(){

          // DO SOME AJAX

     });

});

谢谢

希望你忘了包括

尝试：

希望您忘记包含

尝试：

您需要使用jQuery验证的

submitHandler

选项：

 $("form#ticketSubmit").validate({
      rules:{
           name:{
                required: true,
                number: false
           }
      },
      submitHandler: function(form){
          var data=$(form).serialize();
          //do your ajax with the data here
      }

 });

您需要使用jQuery Validate的

submitHandler

选项：

 $("form#ticketSubmit").validate({
      rules:{
           name:{
                required: true,
                number: false
           }
      },
      submitHandler: function(form){
          var data=$(form).serialize();
          //do your ajax with the data here
      }

 });

工作示例查看这是否为“使用完整…”。。。
引导101模板
jQuery.validator.addMethod（“lettersonly”），函数（值，元素）{
返回此.optional（元素）| |/^[a-z]+$/i.test（值）；
}，“仅限信件”）；
jQuery.validator.setDefaults({
是的，
成功：“有效”
});
$（函数（）{
$（“#myForm”）。验证({
规则：{
我的价格：{
要求：正确，
信一：真的
//编号：false
//面额支票：正确
}
}
});
$（“#提交”）。单击（函数（）{
if（$（'#myForm'）.valid（）
{
//多贾克斯
}否则{
警报（“无效凭证”）；
}
});
});


验证

工作示例查看这是否为“使用完整…”。。。
引导101模板
jQuery.validator.addMethod（“lettersonly”），函数（值，元素）{
返回此.optional（元素）| |/^[a-z]+$/i.test（值）；
}，“仅限信件”）；
jQuery.validator.setDefaults({
是的，
成功：“有效”
});
$（函数（）{
$（“#myForm”）。验证({
规则：{
我的价格：{
要求：正确，
信一：真的
//编号：false
//面额支票：正确
}
}
});
$（“#提交”）。单击（函数（）{
if（$（'#myForm'）.valid（）
{
//多贾克斯
}否则{
警报（“无效凭证”）；
}
});
});


验证

这没有显示任何问题。你能添加更多的

submit

code吗？你想做ajax验证吗？否则请尝试

.on（'submit'，function（）{…

@Jeevan Jose如果我在绑定它的第一个事件中放入任何其他代码，那么代码会报告错误…应该防止默认值，而不管isvalidate如何。使用prevent default wen validate返回false，因为我们使用的是form.submit..ajax将不会运行，因为表单将提交并重新加载页面。现在，在这段代码中，当验证返回false，因此表单不会被提交..只有验证返回true时，ajax才会触发，因为它位于else部分…您确实意识到，如果要通过ajax提交表单，您需要停止表单提交吗？应防止默认值，而不管isvalidate如何。使用prevent default wen validate返回false，因为我们使用的是form.subm它..ajax不会运行，因为表单将提交并重新加载页面。现在，在这段代码中，当验证返回false时，将使用默认权限，因此表单不会被提交..只有当验证返回true时，ajax才会启动，因为它位于else部分…如果您想通过ajax提交表单，您会意识到需要停止表单提交吗？我仍然是我将获得表单提交

preventDefault（）

将停止提交表单..在FIDLE中共享您的代码这将对我们有帮助。是的。您可以在FIDLE中使用验证方法设置您的代码吗？@unknown我在这里创建了一个JSFIDLE，尽管它没有100%运行，但我仍然获得表单提交

preventDefault（）

将停止提交表单。在fiddle中共享您的代码对我们很有帮助。是的。您可以在fiddle中使用验证方法设置代码吗？@unknown我在这里创建了一个JSFIDLE，虽然它没有100%运行，但不起作用，现在表单提交并且不执行ajax调用不起作用，现在表单提交并且不执行ajax调用

    $(function(){

         $("form#ticketSubmit").validate({

              rules:{

                   name:{
                        required: true,
                        number: false
                   }

              }

         });



        var isvalidate=$("#form#ticketSubmit").valid();
                if(!isvalidate)
                {

                    alert("invalid");
                }else{
    $('form#ticketSubmit').submit(function(){
event.preventDefault();
        //Do AJAX
    });
        }


    });

Use this

 $("form#ticketSubmit").validate({
      rules:{
           name:{
                required: true,
                number: false
           }
      },
      submitHandler: function(form){
          var data=$(form).serialize();
          //do your ajax with the data here
      }

 });

Working Example see whether this is use-full...


<html>
      <head>
        <title>Bootstrap 101 Template</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
    <script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
    <script type="text/javascript">   



    jQuery.validator.addMethod("lettersonly", function(value, element) {
      return this.optional(element) || /^[a-z]+$/i.test(value);
    }, "Letters only please"); 

        jQuery.validator.setDefaults({
      debug: true,
      success: "valid"
    });
    $(function(){
    $('#myForm').validate({
    rules: {
             myPrice:{
                required: true,
                 lettersonly: true
                //number: false
                //denominationCheck:true
                }
            }

        });

        $('#submit').click(function(){


            if($('#myForm').valid())
            {
            //doAjax
            }else{
            alert("invalid credentials");
            }

        });

    });

    </script>
      </head>
      <body>    

                <form id="myForm">
                <input id="myPrice" type="text" name="myPrice" style="float: left;"/><br>
                <button id="submit">Validate!</button>
                </form>
      </body>

    </html>