首先,我有一个数组,其中必须选择所有选项值,例如
$require=array('volvo','saab');
那么,
i have x number of select box, x is a number less or equal to number of option value
然后我有选择框,例如
<select name ="car" id="0">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select name ="car" id="1">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<select name ="car" id="2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
在这种情况下,我需要检查:
1) 没有重复的选择值
2)数组中的值必须只能选择一个。
我可以计算出在选择框中检查unqiue值,但是第二个条件怎么样?
谢谢
Using the above case as an example
id = 0 , value = volvo
id = 1 , value = Mercedes
id = 2 , value = Audi
Not valid
id = 0 , value = saab
id = 1 , value = Audi
id = 2 , value = volvo
valid
最佳答案
第一个建议,请不要对多个 HTML 元素使用相同的名称,它的 html 无效。 如果您只是为了选择器目的而这样做,请改用类属性。
我继续采用“分而治之”的方法,它的优化不是很好,但它有效。
好吧,我尝试将您的解决方案分为两步:
第 1 步:检查唯一性
//val is the array of values from each select box
function checkUnique(val){
var cnt = val.length;
for(i = 0; i < cnt; i++){
for(j = i+1; j < cnt; j++){
if(val[i] == val[j]){
return false;
}
}
}
return true;
}
第 2 步:检查验证所需的值
// array of required values:
var required = ['saab', 'volvo'];
function validate(){
var val = [];
$("select[name=car]").each(function(){
val.push(this.value);
});
if(checkUnique(val)){
var cnt = required.length;
var cnt2 = val.length;
for(k = 0; k < cnt; k++){
var flag = false;
for(l = 0; l < cnt2; l++){
if(required[k] == val[l]){
flag = true;
}
}
if(flag){
return true;
}
}
}else{
return false;
}
}
我在文档加载和选择框更改事件的所有事件上调用验证函数:
function showMsg(){
var msg = (validate())?'OK':'NOT OK';
// added html DIV tag with id="result" to show the status on change events
$("#result").html(msg);
}
$(document).ready(function(){
showMsg();
});
$("select[name=car]").change(function () {
showMsg();
});
您可以在 jsfiddle 上查看完整的示例: http://jsfiddle.net/LCxJw/
关于php - 使用jquery验证插件到: some select box option value must be chosen,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10461234/