Bootstrap Validator 表单验证

Bootstrap Validator 表单验证

在线演NiiRfCP示地址：http://shouce.ren/study/api/s/jq--BootstrapValidator--index.html

使用方法，代码如下所示：

1.

2.

3. 用户名

4.

5.

6.

7.

8.

9.

10. 邮箱

11.

12.

13.

14.

15.

16.

17. 生日

18.

19. (YYYY/MM/DD)

20.

21.

22.

23.

24.

25. 提交

26. 自动验证

27. 重置表单

28.

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。