如何驗證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驗證中的選擇框？

回答

相關問題