# 表單驗證 bootstrapValidator 參考文檔: [http://bv.doc.javake.cn/validators/](http://bv.doc.javake.cn/validators/)  ## 基本模式 ``` <form id="registrationForm" class="form-horizontal"> <div class="form-group"> <label class="col-lg-3 control-label">Username</label> <div class="col-lg-5"> <input type="text" class="form-control" name="username" /> </div> </div> </form> <script> require(['validator'],function($){ $('#registrationForm').bootstrapValidator({ //圖標 feedbackIcons: { valid: 'glyphicon glyphicon-ok',//通過 invalid: 'glyphicon glyphicon-remove',//無效 validating: 'glyphicon glyphicon-refresh'//有效 }, fields: { username: { message: '用戶名錯誤', validators: { notEmpty: { message: '用戶名不能為空' }, stringLength: { min: 6, max: 30, message: '用戶名長度在6-30之間' }, regexp: { regexp: /^[a-zA-Z0-9_]+$/, message: '用戶名格式錯誤' } } }, } }); }); </script> ```