jquery验证给出一个问题

时间:2014-04-23 15:13:33

标签: jquery jquery-validate

我正在使用以下js脚本

<script src="JScript\jquery.js" type="text/javascript" language="javascript"></script>
<script src="JScript\jquery.validate.min.js" type="text/javascript"   language="javascript"></script>
<script>
$(document).ready(function () {
    $("#userinfo").validate({
        rules: {
           NAME: {
                required: true
            }
        },
   messages: {
      NAME: {
      required: "Please Enter Password"
       }
         },
    onkeyup: false,
    submitHandler: function(form) {
       alter('working');
       return false;
         }
       });
});
</script>

我的HTML代码是

<form name="userinfo" id="userinfo">
<tr>
  <td>Name<span>*</span></</td>
  <td><input autocomplete="off" type="text" name="NAME" class="autocomplete" value="" id="Name"/></td>
</tr>
<tr>
  <td align="right"></td>
  <td><input type="button" class ="Submit_Button" value="Save" id="save">
<input type="button" class ="Submit_Button" value="Cancel" id="cancel">
   </td>
</tr>

当名称为空时,我仍然没有收到错误消息。所以我有type =“button”而不是“submit”。 我也尝试了其他选项,但是这不起作用。

1 个答案:

答案 0 :(得分:0)

您有几个语法错误(在编辑OP之前)......

<script>
$(document).ready(function () {
    $("#userinfo").validate({
        rules: {
            NAME: {
                required: true
            }        // <-- missing }
        },                  
        messages: {
            NAME: {
                required: "Please Enter Password"
            }        // <-- missing }
        },
        onkeyup: false,
        submitHandler: function(form) {
            alter('working');   // <--  alert is spelled "alert", not "alter"
            return false;
        }
    });         // <-- missing });
});             // <-- missing });
</script>

修改

  • 您的HTML也无效。您不能将<form>元素作为<tr>元素(直接后代<table>)的兄弟元素,以及您需要检查的其他格式错误的HTML。 Only certain elements are allowed as direct descents of a <table> element

  • 您提交表单的按钮需要为type="submit",以便插件自动捕获。 <input type="submit" class="Submit_Button" value="Save" id="save">

  • 脚本路径中的斜杠是向后的。应为JScript/jquery.js

  • 即使您编辑了OP,您的alert()仍然拼写错误。

工作演示:http://jsfiddle.net/kxnRD/