jQuery验证，验证不起作用_Jquery_Jquery Validate

jQuery验证，验证不起作用

jquery

jQuery验证，验证不起作用,jquery,jquery-validate,Jquery,Jquery Validate,我有一个简单的注册表单，它使用jQuery验证来验证表单的内容。但它似乎不起作用。我的servlet启动，表单提交时包含无效数据，而不管页面顶部的jQuery如何。下面是我的代码。有人能帮忙吗脚本代码： <head> <title>Sign Up</title> <meta charset="iso-8859-1"> <link rel="stylesheet" href="style/style.css" type

我有一个简单的注册表单，它使用jQuery验证来验证表单的内容。但它似乎不起作用。我的servlet启动，表单提交时包含无效数据，而不管页面顶部的jQuery如何。下面是我的代码。有人能帮忙吗

脚本代码：

<head>
    <title>Sign Up</title>
    <meta charset="iso-8859-1">
    <link rel="stylesheet" href="style/style.css" type="text/css">
    <!--[if lt IE 9]><script src="scripts/html5shiv.js"></script><![endif]-->
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js" type="text/javascript">
    </script>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript">
    </script>
    <script type="text/javascript">
        $().ready(function() {
            // validate the comment form when it is submitted
            $("#signup").validate();

            // validate signup form on keyup and submit
            $("#signup").validate({
                rules: {
                    firstname: "required",
                    lastname: "required",
                    address1: "required",
                    city: "required",
                    county: "required",
                    postcode: "required",

                    password_s: {
                        required: true,
                        minlength: 5
                    },
                    password_s_con: {
                        required: true,
                        minlength: 5,
                        equalTo: "#password_s"
                    },
                    email: {
                        required: true,
                        email: true
                    },

                    agree: "required"
                },
                messages: {
                    firstname: "Please enter your first name",
                    lastname: "Please enter your last name",
                    address1: "Please enter your addres",
                    city: "Please enter your city/town",
                    county: "Please enter your county",
                    postcode: "Please enter your postcode",

                    password: {
                        required: "Please provide a password",
                        minlength: "Your password must be at least 5 characters long"
                    },
                    confirm_password: {
                        required: "Please provide a password",
                        minlength: "Your password must be at least 5 characters long",
                        equalTo: "Please enter the same password as above"
                    },
                    email: "Please enter a valid email address",
                    agree: "Please accept our policy"
                }
            });

        });
    </script>
</head>


注册
$（）.ready（函数（））{
//提交评论表单时验证该表单
$（“#注册”）.validate（）；
//在键盘上验证注册表格并提交
$（“#注册”）.validate({
规则：{
名字：“必选”，
姓氏：“必需”，
地址1：“必需”，
城市：“必选”，
县：“必选”，
邮政编码：“必填”，
密码\u s:{
要求：正确，
最小长度：5
},
密码\u s\u con:{
要求：正确，
最小长度：5，
equalTo:“密码”
},
电邮：{
要求：正确，
电子邮件：真的
},
同意：“必需”
},
信息：{
名字：“请输入您的名字”，
姓氏：“请输入您的姓氏”，
地址1：“请输入您的地址”，
城市：“请输入您的城市/城镇”，
县：“请输入您的县”，
邮政编码：“请输入您的邮政编码”，
密码：{
必填：“请提供密码”，
minlength:“您的密码长度必须至少为5个字符”
},
确认密码：{
必填：“请提供密码”，
minlength：“您的密码长度必须至少为5个字符”，
equalTo：“请输入与上述相同的密码”
},
电子邮件：“请输入有效的电子邮件地址”，
同意：“请接受我们的政策”
}
});
});

表格：

<table align="left">
<tr><td align="left">
        <form name="signup" id="signup" action="SignUpServlet" method="post">
            <table width="400px" align="right" class="">
                <fieldset>
                    <legend>Sign Up:</legend>
                    <tr>
                        <td>First Name:</td> <td><input type="text" id="firstname" name="firstname" required="required">*</td>
                    </tr>
                    <tr>
                        <td>Last Name:</td><td><input type="text" id="lastname" name="lastname" required="required">*</td>
                    </tr>
                    <tr>
                        <td>Address Line 1:</td><td> <input type="text" id="address1" name="address1" required="required">*</td>
                    </tr>
                    <tr>
                        <td>Address Line 2:</td><td> <input type="text" id="address2" name="address2"></td>
                    </tr>
                    <tr>
                        <td>City:</td><td> <input type="text" id="city" name="city" required="required">*</td>
                    </tr>
                    <tr>
                        <td>County:</td><td><input type="text" id="county" name="county" required="required">*</td>
                    </tr>
                    <tr>
                        <td>Postcode:</td> <td><input type="text" id="postcode" name="postcode" required="required">*</td>
                    </tr>
                    <tr>
                        <td>Phone:</td><td> <input type="text" id="phone" name="phone"></td>
                    </tr>
                    <tr>
                        <td>Email Address:</td><td> <input type="text" id="email_s" name="email_s" required="required">*</td>
                    </tr>
                    <tr>
                        <td>Password:</td><td> <input type="password" id="password_s" name="password_s" required="required"></td>
                    </tr>
                    <tr>
                        <td>Confirm Password:</td><td> <input type="password" id="password_s_con" name="password_s_con" required="required"></td>
                    </tr>
                    <tr>
                        <td>Privacy Policy:</td><td> <input type="checkbox" class="checkbox" id="agree" name="agree" required="required"></td>
                    </tr>
                    <tr>
                        <td></td><td>
                            <input type="submit" id="lf_submit" value="submit"></td>
                    </tr>
                </fieldset>
            </table>
        </form>
    </td></tr>
<tr><td align="left"> </td></tr>
</table>


注册：
名字：*
姓氏：*
地址行1：*
地址行2：
城市：*
县：*
邮政编码：*
电话：
电邮地址：*
密码：
确认密码：
隐私政策：

首先，您不需要调用

.validate（）

两次。它是多余的，所以删除第一个，自然保留包含选项的那个

$().ready(function() {
        // validate the comment form when it is submitted
        $("#signup").validate(); // <-- REMOVE THIS

        // validate signup form on keyup and submit
        $("#signup").validate({

代码的工作演示：

文档：

<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js" type="text/javascript"></script>