单击时无法触发jQuery验证插件_Jquery_Validation

单击时无法触发jQuery验证插件

jquery validation

单击时无法触发jQuery验证插件,jquery,validation,Jquery,Validation,除非我在下一个表单中输入文本和制表符，否则我无法让下面的表单验证响应。单击其他字段或点击submit不会产生任何效果，我希望它在所有情况下都能做出响应。老实说，这是我第一次将jquery用于比启用或禁用类更复杂的事情，所以我可能在某个地方犯了一个基本错误。然而，我不知道那是什么 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">&l

除非我在下一个表单中输入文本和制表符，否则我无法让下面的表单验证响应。单击其他字段或点击submit不会产生任何效果，我希望它在所有情况下都能做出响应。老实说，这是我第一次将jquery用于比启用或禁用类更复杂的事情，所以我可能在某个地方犯了一个基本错误。然而，我不知道那是什么

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

<script type="text/javascript">
    //form validation 
   $(document).ready(function() {
       $("#form").validate({
            rules: {
                organization: {
                    required: true,
                    minlength: 2,
                    },
                firstname: {
                    required: true,
                    minlength: 2,
                    },
                lastname: {
                    required: true,
                    minlength: 2,
                    },
                email: {
                    required: true,
                    email: true,
                    },
                phone: {
                    required: true,
                    minlength: 10,
                    number: true,
                    },
            },
            messages: {
                organization: "Please enter a valid organization name",
                firstname: "Please enter your first name",
                lastname: "Please enter your last name",
                email: "Please enter a valid email address",
                phone: "Please enter a valid phone number",
            },
        });         
   });
</script>
</head>
<body>
<div id="form_container">
    <div id="form_title">REQUEST INFO</div>
    <form id="form" name="form_container" action="#">
        <!-- fields -->
        <input id="organization" type="text" name="organization" minlength="2" />
        <input id="firstname" type="text" name="firstname" minlength="2" />
        <input id="lastname" type="text"  name="lastname" minlength="2" />
        <input id="email" type="text" name="email" />
        <input id="phone" type="text" name="phone" />
        <!-- submit button -->
        <input type="button" id="button" name="submit" type="submit" value="submit" > 
    </form>
</div>
</body>
</html>


//表单验证
$（文档）.ready（函数（）{
$（“#表格”）。验证({
规则：{
组织：{
要求：正确，
最小长度：2，
},
名字：{
要求：正确，
最小长度：2，
},
姓氏：{
要求：正确，
最小长度：2，
},
电邮：{
要求：正确，
电子邮件：是的，
},
电话：{
要求：正确，
最小长度：10，
数字：对，
},
},
信息：{
组织：“请输入有效的组织名称”，
名字：“请输入您的名字”，
姓氏：“请输入您的姓氏”，
电子邮件：“请输入有效的电子邮件地址”，
电话：“请输入有效的电话号码”，
},
});         
});
请求信息

提交按钮上有两个类型属性

<input type="button" id="button" name="submit" type="submit" value="submit" >

换成这个

<input id="button" name="submit" type="submit" value="submit" />

这将导致按钮提交表单，并以您期望的方式触发验证插件。此外，您的验证配置对象在一些地方（在每个子对象的最后一个字段之后）有一些额外的尾随逗号，这可能会使一些较旧的浏览器（特别是）出错。

请查看

.focusin（）

和

.focusout（）

jQuery事件方法。如果您打算在实际执行提交之前，在访问者单击“提交”按钮时进行更多验证，那么您可能需要查看

.submit（）

方法

如果您需要更多指导或进一步解释/示例，请告诉我。祝你好运！：）

哇。谢谢你指出这一点！在我关注jquery时，我完全忘记了仔细检查我的html属性。还感谢您提供有关逗号的提示。完成。很抱歉第一次询问stackoverflow。谢谢！这为我今后的工作指明了正确的方向。我很乐意提供帮助。如果您认为它对其他人有帮助，请升级：）