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