我正在尝试对我正在设置的动态表单使用 jQuery 验证。
在某些情况下,此表单包含一组输入框,假设总数为 100。
一个例子可能是:
请说明每个年级的学生比例是多少?
9年级:文本框1
10 年级:文本框2
11 年级:文本框3
12 年级:文本框4
我想验证 TextBox1 + TextBox2 + TextBox3 + TextBox4 = 100%。
我该怎么办?
Thanks!
<script>
$(document).ready(function(){
$("#some-form").validate({
rules: {
TextBox1: {
required: true,
number: true,
min: 0,
max: 100,
},
TextBox2 : {
required: true,
number: true,
min: 0,
max: 100,
}
TextBox3 : {
required: true,
number: true,
min: 0,
max: 100,
}
TextBox4 : {
required: true,
number: true,
min: 0,
max: 100,
}
},
submitHandler: function(form){
var total = parseInt($("#TextBox1").val()) + parseInt($("#TextBox2").val()) + parseInt($("#TextBox3").val()) + parseInt($("#TextBox4").val());
if (total != 100) {
$(".error").html("Your total must sum to 100.")
return false;
} else form.submit();
}
});
});
</script>
被盗并被编辑从这里.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)