2017-07-18 108 views
0

我如何在tokenize2控制器上應用必需的字段驗證,這裏主要的問題是選擇控件,但它顯示爲文本框。如何在toeknize2控制器上應用所需的驗證?

插件鏈接:https://zellerda.github.io/Tokenize2/index.html

代碼:

<select class="tokenize-demo" multiple> 
    <option value="1">Africa</option> 
    <option value="2">Americas</option> 
    <option value="3">Asia</option> 
    <option value="4">Europe</option> 
    <option value="5">Oceania</option> 
</select> 
<script> 
    $('.tokenize-demo').tokenize2(); 
</script> 

回答

1

添加編號和名稱選擇欄

<select class="tokenize-demo" name="tokenize_demo[]" id="tokenize_demo" multiple> 
<label class="error" for="tokenize_demo" id="tokenize_demo-error"></label> 

我用jQuery的驗證用於驗證

$.validator.addMethod("required", function (value, element){  
    if ($("#tokenize_demo").val() != null && $("#tokenize_demo").val() != "") 
    { 
    $(".has-error").removeClass("has-error") 
    $("#tokenize_demo-error").css("display", "none");  
    return true; 
    } 
    else 
    { 
    return false; 
    }; 
}); 

$('#form_id').validate({ 
ignore: [], 
onkeyup: false, 
highlight: function(element) { 
    $(element).closest('div').removeClass('has-success').addClass('has-error'); 
}, 
success: function(element) { 
    $(element).closest('div').removeClass('has-error'); 
}, 
rules: {  
    "tokenize_demo[]": { 
    required: true 
    } 
}, 
messages: { 
    "tokenize_demo[]": { 
    required: "Field is required." 
    } 
}, 
submitHandler: function(form) {  
    form.submit(); 
} 
});