Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么可以';我不能使用jquery验证吗?_Javascript_Jquery_Validation - Fatal编程技术网

Javascript 为什么可以';我不能使用jquery验证吗?

Javascript 为什么可以';我不能使用jquery验证吗?,javascript,jquery,validation,Javascript,Jquery,Validation,我正在使用jqueryvalidate插件,但是下面的代码不起作用——我输入的任何东西都能起作用 我花了很多时间试图弄清楚它,我已经把代码裁剪成只有一个示例 “billtoFirstName”应该有2到5个字符,并且当我输入的字符超过5或1个时,不应该验证。我没有收到任何错误,submit显示我输入的任何内容都将传递给submit。我被难住了。如何修复它以进行验证 <!DOCTYPE html> <html> <head>

我正在使用jqueryvalidate插件,但是下面的代码不起作用——我输入的任何东西都能起作用

我花了很多时间试图弄清楚它,我已经把代码裁剪成只有一个示例

“billtoFirstName”应该有2到5个字符,并且当我输入的字符超过5或1个时,不应该验证。我没有收到任何错误,submit显示我输入的任何内容都将传递给submit。我被难住了。如何修复它以进行验证

   <!DOCTYPE html>
   <html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js">          </script>
        <script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script>
        <style>
            #myTestForm{
                font-size:20px;
                border-color:black;
                border-style:solid;}
            #orderContactFormButton{
              background-color: aqua;
              float:right;
              font-size: 14px;
              font-weight:bold;
            }
            #orderContactBillTo{}
        </style>
<script>
$( document ).ready(function(){
$("#myTestForm").submit(function(event){// for testing on submit
       event.preventDefault(); // stop form from submitting normally
    var sv =  $("#billToFirstName").val();
       alert(" submit button here first = " + sv);
    });//submit

//validation options
    $("#myTestForm").validate({
        rules: {
           billToFirstName:{
               required:true,
                minlength: 2,
                maxlength: 5

            }
        },
        messages: {
           billToFirstName:{
            required:"Please enter your first name",
                minlength: "At least two characters are required",
                maxlength: "At most 5 characters are allowed"

            }
        }

        });//validate options for myTestform
});//document ready
</script>
    </head>
<body>
<form id ="myTestForm">
            <label for="billToFirstName" >First Name*:</label>
            <input name ="biilToFirstName" id ="billToFirstName" size = 50>
                       <br>
            <input id ="orderContactFormButton" type="submit"  value="Submit"><br>
        </form>

</body>
</html>

提供头衔
#myTestForm{
字体大小:20px;
边框颜色:黑色;
边框样式:实心;}
#orderContactFormButton{
背景色:浅绿色;
浮动:对;
字体大小:14px;
字体大小:粗体;
}
#orderContactBillTo{}
$(文档).ready(函数(){
$(“#myTestForm”).submit(函数(事件){//用于在提交时进行测试
event.preventDefault();//停止表单正常提交
var sv=$(“#billToFirstName”).val();
警报(“首先在此提交按钮=“+sv”);
});//提交
//验证选项
$(“#myTestForm”).validate({
规则:{
billToFirstName:{
要求:正确,
最小长度:2,
最大长度:5
}
},
信息:{
billToFirstName:{
必填:“请输入您的名字”,
minlength:“至少需要两个字符”,
maxlength:“最多允许5个字符”
}
}
});//验证myTestform的选项
});//文件准备就绪
姓名*:


有一个输入错误:

<input name ="biilToFirstName" id ="billToFirstName" size = 50>  

只要把它修好,你就会一切就绪

  <input name="billToFirstName" id="billToFirstName">

如果我的名字是蒙哥马利,可以使用蒙蒂不超过五个字符的最大限制吗?