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,並希望它能像輸入一樣工作。想法?
謝謝!