Bootstrap Validator 表单验证

前端之家收集整理的这篇文章主要介绍了Bootstrap Validator 表单验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在线演示地址:

使用方法代码如下所示:

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 表单验证的全部叙述,希望对大家有所帮助,如果大家想了解更多内容敬请关注编程之家!

原文链接:https://www.f2er.com/bootstrap/47118.html

猜你在找的Bootstrap相关文章