- 論壇徽章:
- 0
|
先引進
<script src="/Scripts/jquery-1.11.1.js"></script><script src="/bootstrap/js/bootstrap.min.js"></script><link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" /><script src="/bootstrapValidator/js/bootstrapValidator.min.js"></script><link href="/bootstrapValidator/css/bootstrapValidator.min.css" rel="stylesheet" />
1.初級用法
$(function () { $('form').bootstrapValidator({ message: 'This value is not valid',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
}, fields: { username: { message: '用戶名驗證失敗', validators: { notEmpty: { message: '用戶名不能為空' } } }, email: { validators: { notEmpty: { message: '郵箱地址不能為空' } } } } }); });2.中級用法$(function () { $('form').bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { username: { message: '用戶名驗證失敗', validators: { notEmpty: { message: '用戶名不能為空' }, stringLength: { min: 6, max: 18, message: '用戶名長度必須在6到18位之間' }, regexp: { regexp: /^[a-zA-Z0-9_]+$/, message: '用戶名只能包含大寫、小寫、數字和下劃線' } } }, email: { validators: { notEmpty: { message: '郵箱不能為空' }, emailAddress: { message: '郵箱地址格式有誤' } } } } }); });
|
|