div下拉的jQuery錯誤驗證

是否有可能使用jquery validation設置Bootstrap樣式的div下拉選項與選項/選擇？我無法在此頁面上將標籤更改爲選項/選擇。還有多個下拉菜單。div下拉的jQuery錯誤驗證

<div class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
     <span data-bind="label">Month</span><span class="caret"></span> 
     <label class="error" for="dobMonth" generated="true"></label> 
    </button> 
    <ul name="dobMonth" id="dobMonth" class="dropdown-menu"> 
     <li><a href="#">January</a></li> 
     <li><a href="#">February</a></li> 
     <li><a href="#">March</a></li> 
     <li><a href="#">April</a></li> 
    </ul> 
</div> 


$(document).ready(function() { 
    $("#form").validate({ 
     rules: { 
      "dobMonth": { 
       required: true 
      } 
     }, 
     messages: { 
      "dobMonth": { 
       required: "Enter the month you were born" 
      } 
     }, 
     submitHandler: function (form) { 
      alert('valid form submitted'); 
      return false; 
     } 
    }); 
});

http://jsfiddle.net/sw87W/24/

來源

2016-09-29 bunnycode

你應該檢查這裏給出的答案：[Jquery Validate]（http://stackoverflow.com/questions/12467682/jquery-validate-dropdown-list） –

爲什麼不爲它創建自己的自定義驗證？如果你使用button和ul，你不能使用jQuery驗證。 UI沒有名稱屬性。所以，它裏面沒有任何價值。這裏的技巧是檢查範圍innerHTML是否等於'Month'。

下面是它的示例代碼。

$('#form').on('submit', function(e){ 
    e.preventDefault(); 
    var mo = $('#id-month').html(); 

    mo == 'Month' ? alert('add error') : alert('remove error'); 
})

在小提琴上看看它。 http://jsfiddle.net/sw87W/26/

如果您創建一個原型函數使其具有動態性，則由您決定。你可以簡單地追加一個元素（錯誤，標籤錯誤或其他）。如果它是錯誤的，請將其刪除。我之前使用過jQuery驗證器。希望有人可以使用驗證器爲您提供解決方案。乾杯!

來源

2016-09-29 03:06:14

div下拉的jQuery錯誤驗證

回答

相關問題