Javascript jQuery UI对话框,在选择时进行验证
我想验证一个select。这将选择:Javascript jQuery UI对话框,在选择时进行验证,javascript,jquery,jquery-ui,jquery-ui-dialog,Javascript,Jquery,Jquery Ui,Jquery Ui Dialog,我想验证一个select。这将选择: <select id="ccategory" name="category" class="input"> <option value="0" selected="selected">[Choose Category]</option> <option value="Arts and entertainment">Arts and entertainment</option> <o
<select id="ccategory" name="category" class="input">
<option value="0" selected="selected">[Choose Category]</option>
<option value="Arts and entertainment">Arts and entertainment</option>
<option value="Automotive">Automotive</option>
<option value="Business">Business</option>
<option value="Computers">Computers</option>
<option value="Games">Games</option>
<option value="Health">Health</option>
<option value="Internet">Internet</option>
<option value="News and Media">News and Media</option>
<option value="Recreation">Recreation</option>
<option value="Reference">Reference</option>
<option value="Shopping">Shopping</option>
<option value="Sports">Sports</option>
<option value="World">World</option>
</select>
$(document).ready(function () {
$('#dialog').validate({
rules: {
category: { required: true },
},
submitHandler: function (form) { // for demo
alert('valid form'); // for demo
return false; // for demo
}
});
});
这是
当我在中选择了select的值时,此函数也会批准提交的表单
<option value="0" selected="selected">[Choose Category]</option>
[选择类别]
当value=“0”
时,如何将脚本更改为不批准或验证选择?如果可能的话,可能会在选择按钮附近显示一条消息
消息:“此字段为必填字段。”
这是要在第一个文本区域验证的内容。检查
JS/jQuery
$('#dialog').validate({
rules: {
category:
{
required: true
},
},
submitHandler: function (form) { // for demo
if ($('#ccategory').val() == 0){
document.getElementById('choose_own_text').innerHTML = "Please change here";
return false;}
// console.log($('#ccategory').val());
alert('valid form'); // for demo
return false; // for demo
}
});
我添加了if($('#ccategory').val()==0{return false;}
,这样他检查select的值是否为0,并将false返回给submit
CSS
#choose_own_text {
display:inline;
color:red;
}
选中
JS/jQuery
$('#dialog').validate({
rules: {
category:
{
required: true
},
},
submitHandler: function (form) { // for demo
if ($('#ccategory').val() == 0){
document.getElementById('choose_own_text').innerHTML = "Please change here";
return false;}
// console.log($('#ccategory').val());
alert('valid form'); // for demo
return false; // for demo
}
});
我添加了if($('#ccategory').val()==0{return false;}
,这样他检查select的值是否为0,并将false返回给submit
CSS
#choose_own_text {
display:inline;
color:red;
}
好啊我查你的答案怎么接受!谢谢,但我可以收到你对我的问题的赞成票吗?好的。。我查你的答案怎么接受!谢谢,但我能收到你对我问题的投票吗?