2017-06-10 102 views
0

JQuery驗證插件以確保Materialise CSS需要選擇選項?

\t \t $(document).ready(function() { 
 
\t \t $('select').material_select(); 
 
\t }); 
 
\t 
 
\t $.validator.setDefaults({ 
 
\t \t errorClass : 'invalid', 
 
\t \t validClass : "valid", 
 
\t \t errorPlacement : function(error, element) { 
 
\t \t \t $(element).closest("form").find(
 
\t \t \t \t \t "label[for='" + element.attr("id") + "']").attr('data-error', 
 
\t \t \t \t \t error.text()); 
 
\t \t }, 
 
\t \t submitHandler : function(form) { 
 
\t \t \t console.log('form ok'); 
 
\t \t } 
 
\t }); 
 
\t 
 
\t $.validator.addMethod("valueNotEquals", function(value, element, arg) { 
 
\t \t return arg != value; 
 
\t }, "Value must not equal arg."); 
 
\t 
 
\t $("#form").validate({ 
 
\t \t rules : { 
 
\t \t \t dateField : { 
 
\t \t \t \t date : true 
 
\t \t \t }, 
 
\t \t \t world_region : { 
 
\t \t \t \t valueNotEquals : "default" 
 
\t \t \t } 
 
\t \t }, 
 
\t \t messages : { 
 
\t \t \t world_region : { 
 
\t \t \t \t valueNotEquals : "This field is required. Please select an item." 
 
\t \t \t } 
 
\t \t } 
 
\t });

以下的jsfiddle有我想實現的代碼。 https://jsfiddle.net/869mdk5a/6/

我想要做的是需要在選擇/選項下拉列表中進行選擇。如果您點擊小提琴中的提交按鈕,您將看到所有文本字段輸入都更新爲紅色,並在輸入區域下顯示「此字段是必需的」。如何獲得「此字段是必填項,請選擇一個選項」,以顯示選擇字段所在的位置?

我寫了一個驗證器addMethod,並希望它能像輸入一樣工作。想法?

謝謝!

回答

0

所有你需要的是添加所需的:真正對你的代碼e.g:

world_region: { 
     required:true, 
     valueNotEquals: "default" 
    } 

希望這可以幫助您!