JQuery验证插件以确保Materialize CSS需要选择选项？

Question

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

以下JSFiddle有我试图实现的代码。 https://jsfiddle.net/869mdk5a/6/

我要做的是要求在选择/选项下拉列表上进行选择。如果单击小提琴中的提交按钮，您将看到所有文本字段输入更新为红色并在输入区域下显示“此字段是必需的”。如何获取“此字段是必填项。请选择一个选项”以显示选择字段所在的位置？

我写了一个验证器addMethod，并期望它像输入一样工作。想法？

谢谢！

Answer 1

您只需要添加所需内容：对您的代码为true：

This is a foo bar document about nothing but tags!

希望这对你有所帮助！