Javascript jQuery验证下拉列表
我有个奇怪的问题。尝试使用jQuery验证来验证我表单上的下拉列表/选择列表,但它无法验证。不知道为什么,我已经仔细检查了是否有任何打字错误或语法错误,但没有。下面是我的代码副本 万分感谢Javascript jQuery验证下拉列表,javascript,jquery,validation,Javascript,Jquery,Validation,我有个奇怪的问题。尝试使用jQuery验证来验证我表单上的下拉列表/选择列表,但它无法验证。不知道为什么,我已经仔细检查了是否有任何打字错误或语法错误,但没有。下面是我的代码副本 万分感谢 <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="~/Scripts/jquery.validate.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script>
$(function () {
//datepicker script
$( "#datepicker" ).datepicker({
altField: $('#dateHdn'),
dateFormat: "MM-dd-yy"
}); //end of datepicker script
//configure validation here
$("#addform").validate({
rules: {
invacc: { required:true },
lvlstat: { required: true }
},
messages: {
invacc: "please insert a value",
lvlstat: "Please choose a status"
}
})// end of validate script
//dropdown script
$("#lvlstat").selectmenu({
});//end of dropdown script});
</script>
</head>
<body>
<form id="addform" method="post" enctype="multipart/form-data" action="">
<fieldset>
<legend>Add Required Values</legend>
<p>
<label for="invacc">Inventory Accuracy: </label>
<input type="text" name="invacc" />
</p>
<p>
<label for="lti">LTI: </label>
<input type="text" name="lti" />
</p>
<p>
<label for="overtime">Overtime: </label>
<input type="text" name="overtime" />
</p>
<p>
<label for="datetime">Date: </label>
<input type="text" name="dtval" id="datepicker" />
</p>
<p>
<label for="lvlstat">Status: </label>
<select id="lvlstat" name="lvlstat">
<option value="">Choose an Option</option>
<option value="1">Certified</option>
<option value="2">Learner</option>
<option value="3">Rookie</option>
</select>
</p>
<p><label for="FileUpload">Image Upload: </label>
@FileUpload.GetHtml(
initialNumberOfFiles: 1,
allowMoreFilesToBeAdded: false,
includeFormTag: false,
uploadText: "Upload")
</p>
<p><input type="submit" name="buttonSubmit" value="Add" /></p>
<p><a href="~/main">Return to main page</a></p>
</fieldset>
</form>
</body>
$(函数(){
//日期选择器脚本
$(“#日期选择器”)。日期选择器({
altField:$(“#dateHdn”),
日期格式:“年月日”
});//日期选择器脚本的结尾
//在此处配置验证
$(“#addform”)。验证({
规则:{
invacc:{required:true},
lvlstat:{required:true}
},
信息:{
invacc:“请插入一个值”,
lvlstat:“请选择一个状态”
}
})//验证脚本结束
//下拉脚本
$(“#lvlstat”)。选择功能表({
});//下拉脚本的结尾});
添加所需的值
库存准确性:
LTI:
加班时间:
日期:
地位:
选择一个选项
证实
学习者
菜鸟
图像上载:
@FileUpload.GetHtml(
initialNumberOfFiles:1,
AllowMoreFilesToHeadded:false,
标签:false,
上传文本:“上传”)
添加此
$("input[name='buttonSubmit']").click(
function(){
if($('#lvlstat').val() == ''){
alert('dropdown validationg failed');
return false;
}
});
添加此
$("input[name='buttonSubmit']").click(
function(){
if($('#lvlstat').val() == ''){
alert('dropdown validationg failed');
return false;
}
});
我建议您检查脚本的内容,因为看起来 您已经包含了两次验证jquery脚本(原始版本和缩小版本):
此外,您可以检查浏览器控制台,并使用浏览器提供的开发人员工具验证脚本是否正确检索并识别可能的错误。我建议您检查脚本的包含项,因为它似乎 您已经包含了两次验证jquery脚本(原始版本和缩小版本):
此外,您可以检查浏览器控制台,并使用浏览器提供的开发人员工具来验证脚本是否正确检索并识别可能的错误。
但它不会验证
这是什么意思?就像预期的和正在发生的。。另外,如果您可以在Jsfiddle()中重现这个问题,这样人们就可以给您快速的响应,这会更好tag@Reddy只有下拉框/选择框未验证,如果表单中的其他文本框为空,则会生成错误,因此,每次我点击submit按钮时,除了选择框之外,其他所有内容都会被填满,但它仍然会通过。我将在JSFIDLE上尝试并链接到这里。@Monasha这是我犯的复制错误,在我的代码中是正确的。这是小提琴…但它无法验证你这是什么意思?就像预期的和正在发生的。。另外,如果您可以在Jsfiddle()中重现这个问题,这样人们就可以给您快速的响应,这会更好tag@Reddy只有下拉框/选择框未验证,如果表单中的其他文本框为空,则会生成错误,因此,每次我点击submit按钮时,除了选择框之外,其他所有内容都会被填满,但它仍然会通过。我将在JSFIDLE上尝试并链接到这里。@Monasha这是我犯的复制错误,在我的代码中是正确的。这是小提琴。。。