1. 程式人生 > >form表單提交驗證bootstrapValidator

form表單提交驗證bootstrapValidator

初始化表單

$('#addForm').bootstrapValidator({
	message: 'This value is not valid',
//	excluded: [":disabled"],
	feedbackIcons: {
		valid: 'glyphicon glyphicon-ok',
		invalid: 'glyphicon glyphicon-remove',
		validating: 'glyphicon glyphicon-refresh'
	},
	fields: {
		directoryCode: {
			message: '填寫錯誤!',
			validators: {
				notEmpty: {
					message: '不能為空!'
				},
				stringLength: {
					min: 1,
					max: 100,
					message: '請控制在100字以內!'
				},
				checkEmptyChar: {
					message: '不能輸入空白字元!'
				},
				//非同步驗證
				remote: {
		        url: 'http://xxx',
		        message: 'xxxxxx',
		        type: 'GET',
		        data: function() {
	            return {
                引數: 引數 
	            }
        },
	        success: function() {
             //處理返回值
        }
    }
			}
		}
	}
});

重置表單

$("#form").data('bootstrapValidator').resetForm();

表單返回true或false

$('#Form').data('bootstrapValidator').isValid();

表單驗證呼叫

$('#Form').data('bootstrapValidator').validate();