Bootstrap Validator 表单验证

在线演示地址:

使用方法代码如下所示:

rush:js;"> 1.
PHP"> 2.
用户名 4.
6.
7.
8. 9.
11.
13.
14.
15. 16.
18.
(YYYY/MM/DD) 20.
21.
22. 23.
26. 27.
29.
30. 1.$('#defaultForm').bootstrapValidator({ 2. message: 'This value is not valid',3. FeedbackIcons: { 4. valid: 'glyphicon glyphicon-ok',5. invalid: 'glyphicon glyphicon-remove',6. validating: 'glyphicon glyphicon-refresh' 7. },8. fields: { 9. username: { 10. message: 'The username is not valid',11. validators: { 12. notEmpty: { 13. message: 'The username is required and cannot be empty' 14. },15. stringLength: { 16. min: 6,17. max: 30,18. message: 'The username must be more than 6 and less than 30 characters long' 19. },20. regexp: { 21. regexp: /^[a-zA-Z0-9_\.]+$/,22. message: 'The username can only consist of alphabetical,number,dot and underscore' 23. },24. remote: { 25. url: 'remote.PHP',26. message: 'The username is not available' 27. },28. different: { 29. field: 'password',30. message: 'The username and password cannot be the same as each other' 31. } 32. } 33. },34. email: { 35. validators: { 36. emailAddress: { 37. message: 'The input is not a valid email address' 38. } 39. } 40. },41. } 42.});

以上所述是小编给大家介绍的Bootstrap Validator 表单验证的全部叙述,希望对大家有所帮助,如果大家想了解更多内容敬请关注编程之家!

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...