如何验证jQuery验证中的选择框？

如何检查多个表单中的选定框？我的第一选择是<option selected disabled hidden style="display:none" value="default"></option>如何验证jQuery验证中的选择框？

我的小提琴：http://jsfiddle.net/K6Tkn/91/

它仅验证输入字段虽然选择框有一个必需的属性。

当我单击警报按钮时，如何检查验证？在这个例子中，我必须填写输入，然后点击发送按钮，然后提示按钮。

$(document).ready(function() { 
    $('form').each(function() { 
    $(this).validate({ 
     submitHandler: function(form) { // for demo 
     $('#test').on('click', function() { 
      alert('valid form'); //should simulate a next button for multi step form 
     }); 
     return false; 
     } 
    }); 
    }); 
});

<form> 
    <input type="text" name="username" minlength="3" required="required" /> 
    <select id="selectCatalog" name="selectCatalog" class="form-control"> 
    <option selected disabled hidden style="display:none" value="default" required="required"></option> 
    <option value="option1">option1</option> 
    <option value="option2">option2</option> 
    </select> 
    <input type="submit" value="Send" /> 
</form> 

<form> 
    <input type="text" name="email" required="required"> 
    <input type="submit" value="Send" /> 
</form> 

<button id="test">Alert</button>

来源

2017-07-19 Greg Ostry

设置'值= “”'第一选项，而不是'值= “默认” 和''把所需= “真”'的'select'而不是'选项'。您的代码应该如此工作 –

您是否知道我如何验证输入字段并选择框并在一个中显示警报？ –

您必须添加$.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 
    } 
    },

http://jsfiddle.net/ayang10/K6Tkn/129/

来源

2017-07-19 20:50:46

如何验证jQuery验证中的选择框？

回答

相关问题