gpt4 book ai didi

jQuery 选择框验证

转载 作者:行者123 更新时间:2023-12-03 21:59:13 25 4
gpt4 key购买 nike

我在 jQuery 中有以下代码。
select 元素的选项值为“0”时,我需要显示验证消息“需要年份”。

<script type="text/javascript">
$(document).ready(function () {
$("#register").validate({
debug: true,
rules: {
year: {
required: function () {
if ($("#year option[value='0']")) {
return true;
} else {
return false;
}
}
}
},
messages: {
year: "Year Required",
},
});
})
</script>

选择框

<select name="year"  id="year">
<option value="0">Year</option>
<option value="1">1919</option>
<option value="2">1920</option>
<option value="3">1921</option>
<option value="4">1922</option>
</select>

最佳答案

由于您无法在第一个选项中设置value="",因此您需要使用the built-in addMethod() method创建自己的规则。 .

jQuery:

$(document).ready(function () {

$('#myform').validate({ // initialize the plugin
rules: {
year: {
selectcheck: true
}
}
});

jQuery.validator.addMethod('selectcheck', function (value) {
return (value != '0');
}, "year required");

});

HTML:

<select name="year">
<option value="0">Year</option>
<option value="1">1955</option>
<option value="2">1956</option>
</select>

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

<小时/>

原始答案:(仅当您可以在第一个选项中设置value=""时)

要使用 jQuery Validate 插件正确验证 select 元素,只需第一个 option 包含 value=""。因此,从 value="0" 中删除 0 即可修复。

jQuery:

$(document).ready(function () {

$('#myform').validate({ // initialize the plugin
rules: {
year: {
required: true,
}
}
});

});

HTML:

<select name="year">
<option value="">Year</option>
<option value="1">1955</option>
<option value="2">1956</option>
</select>

演示:http://jsfiddle.net/XGtEr/

关于jQuery 选择框验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14896854/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com