asp.net mvc 4 bootstrap3 jquery.validation

如果只是bootstrap3和jquery.validation的话，参考Bootstrap 3 with jQuery Validation Plugin只需很简单的：

	// override jquery validate plugin defaults
	$.validator.setDefaults({
	highlight: function(element) {
	$(element).closest('.form-group').addClass('has-error');
	},
	unhighlight: function(element) {
	$(element).closest('.form-group').removeClass('has-error');
	},
	errorElement: 'span',
	errorClass: 'help-block',
	errorPlacement: function(error, element) {
	if(element.parent('.input-group').length) {
	error.insertAfter(element.parent());
	} else {
	error.insertAfter(element);
	}
	}
	});

view raw gistfile1.js hosted with ❤ by GitHub

再加上asp.net mvc4的话，情况就有点不同了，mvc4会在errorElement外面在加一层，并移除内层元素的class的内容:

	<span class="field-validation-error" data-valmsg-for="UserName" data-valmsg-replace="true">
	<span for="UserName" class="">The User name field is required.</span>
	</span>

view raw gistfile1.html hosted with ❤ by GitHub

我的解决办法是将.field-validation-error赋予和.'help-block相同的css样式