Javascript 如何在jquery验证中验证选择框?

Javascript 如何在jquery验证中验证选择框?,javascript,jquery,html,validation,Javascript,Jquery,Html,Validation,如何在多个表单中检查所选框?我的第一个选择是 我的小提琴: 它仅验证输入字段,尽管选择框具有必需的属性 单击“警报”按钮时,如何检查验证?在本例中,我必须填写输入,然后单击send按钮,然后单击alert按钮 $(文档).ready(函数(){ $('form')。每个(函数(){ $(此)。验证({ submitHandler:函数(表单){//用于演示 $('#test')。在('click',function()上{ 警报('valid form');//应模拟多步骤表单的“下一步”按钮

如何在多个表单中检查所选框?我的第一个选择是

我的小提琴:

它仅验证输入字段,尽管选择框具有必需的属性

单击“警报”按钮时,如何检查验证?在本例中,我必须填写输入,然后单击send按钮,然后单击alert按钮

$(文档).ready(函数(){
$('form')。每个(函数(){
$(此)。验证({
submitHandler:函数(表单){//用于演示
$('#test')。在('click',function()上{
警报('valid form');//应模拟多步骤表单的“下一步”按钮
});
返回false;
}
});
});
});

选择1
选择2
警觉的

如果要将输入作为目标并选择下拉列表,则必须添加
$.validator.addMethod

$.validator.addMethod("validOrNah", function(value, element) {


  if ($("#username").val() === "" || $("#selectCatalog")[0].selectedIndex === 0) {
    return false;
  } 
    return true;

}, "Please enter in text and select dropdown");

$(this).validate({
  rules: {
    selectCatalog: {
      validOrNah: true
    }
  },

在第一个选项上设置
value=”“
,而不是
value=“default”
,并在
上选择
required=“true”
而不是
选项。然后,您的代码应该按原样工作。您知道如何验证输入字段、选择框并在其中显示警报吗?