验证插件文件无效

时间:2015-01-18 21:57:46

标签: javascript jquery jquery-validate

我正在使用jquery验证插件进行表单验证。一切似乎都很好,但它不起作用。没有消息出现。或者可能是由于我包含的文件。 包含文件

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js"></script>

这里是jquery

<script type="text/javascript">
    $(function($){
        $("#joinform").validate({
                rules: {
                firstname: {
                    required: true,
                    maxlength: 30
                },
                lastname: {
                    required: true,
                    maxlength: 30
                },
                email: {
                    required: true,
                    email: true
                },
                password: {
                    required: true,
                    minlength: 6
                },
                repassword: { 
                    required: true,
                    equalTo: "#password"
                }
            },
            messages: {
                firstname: { 
                    required: "Please enter your firstname",
                    maxlength: "Firstname is too large" 
                },
                lastname: { 
                    required: "Please enter your lastname",
                    maxlength: "Lastname is too large" 
                },
                email: { 
                    required: "Please enter email address",
                    email: "Please enter the valid email" 
                },
                password: {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 6 characters long"
                },
                repassword: {
                    required: "Please confirm your password",
                    equalTo:"Passwords should be same"
               }        
            }


        });
    });

</script>

这里是html。

<form role="form" name="joinform" id="joinform" action="" method="post">
        <div class="form-group">
          <label for="name">Name: </label>
          <input type="text" class="form-control" name="firstname" placeholder="First Name" required/>
          <input type="text" class="form-control" name="lastname"   placeholder="Last Name" required/>
        <br/>

          <label for="email">Email: </label>
          <input type="email" class="form-control" name="email" placeholder="Enter email" required email/>
        <br/>

          <label for="pwd">Password: </label>
          <input type="password" class="form-control" name="password" placeholder="at least 6 characters long" required/>


          <label for="repass">Retype-Password:</label>
          <input type="password" class="form-control" name="repassword" placeholder="Confirm your password" required/>
      <br/>

          <a href="login.php" style="color:#666666; text-decoration:underline; ">Already a member?Login</a><br/>

   <br/>
   <button type="submit" class="btn btn-default">Submit</button>
   </div>
   </form>

1 个答案:

答案 0 :(得分:0)

使用任何jQuery插件时, 必须 首先加载jQuery。您还包括两次插件。 一定不能 多次包含每个插件...最好使用最新版本。

这是正确的......

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>

否则,请使用您的jQuery版本支持的最新插件版本...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>