为什么我的Jquery Validate不起作用?

时间:2015-01-05 22:40:40

标签: javascript jquery jquery-validate

我做了一些在线研究,找不到解决方案。我正在使用Jquery Validator插件来验证我的登录和注册表单。我编写了我的注册表单,它的工作原理完全正常。但是,我以相同的方式编码我的日志,但它不起作用。如果我有空白字段,则不会显示任何消息,并且允许提交表单。

登录in.php

<html>
<head>
 <link type="text/css" rel="stylesheet" href="../skin/frontend/css/styles.css" media="all"> 
 <?php include('../js/jquery.js'); ?>
 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
 <script src="../js/validator.js"></script>
 <script src="../js/sign-in.js"></script>
</head>
<body>
    <div class="wrapper">
        <div class="header"><?php include('../app/views/frontend/header.php'); ?></div>
        <div class="body-container">
                Sign in <br>
                <form method="post" action="../account/signin/sign-in.php" id="signin"> 
                <input type ='text'placeholder='Username' name="usernamesignin" id="usernamesignin" ><br>
                <br>
                <input type='text' onfocus="this.type='password'" placeholder='Password' name="passwordsignin" id="passwordsignin"><br>
                <br>
                <input type="submit" value="Log In">
                </form>
                </div>
    </div>  
    </body>
</html>  

登录in.js

$(document).ready(function(){
 $("#signin").validate({
  rules: {
     usernamesignin: {
        required: true
           },
           passwordsignin:{
         required: true,
         minlength:6
         }
            },
           messages: {
                 username: {
        required: "Please Enter A Username"
           }
  }
     });
     });

我错过了什么吗?这应该很简单。

另外我在console.log中注意到我的注册页面没有出错,但是我的登录页面显示:“未捕获的TypeError:无法读取未定义的属性'msie'”

不确定这是否是问题。

提前致谢!

2 个答案:

答案 0 :(得分:0)

知道了!输入表单操作和表单ID ..问题解决了!

答案 1 :(得分:0)

我通过以下方式获得了您的验证:

  1. 删除第"<?php include('../js/jquery.js'); ?>"行。你不应该有两个对jQuery的引用
  2. 将以下行编辑为<script src="https://code.jquery.com/jquery-1.10.2.js"></script>。您缺少协议https:
  3. 根据这个question,您应该能够在没有协议的情况下定义URI,但在这个例子中,当链接到code.jquery.com CDN时,它不起作用。