手册:http://shouce.jb51.net/phpcms/PHPCMS/formvalidator.html
菜鸟教程:http://www.runoob.com/jquery/jquery-plugin-validate.html

1.将要验证的表单放在一个form表单中,form表单只需加id和onsubmit=”return false”属性

加onsubmit属性是为了阻止form自动跳转

2.一言不合上代码

  1. !function($) {
  2. "use strict";
  3. var FormValidator = function() {
  4. this.$signupForm = $("#yz_xg");
  5. };
  6. //初始化
  7. FormValidator.prototype.init = function() {
  8. //插件验证完成执行操作 可以不写
  9. ....
  10. //验证要求
  11. this.$signupForm.validate({
  12. rules: {
  13. title: {
  14. required: true,
  15. },
  16. brief:{
  17. required: true
  18. },
  19. describe:{
  20. required: true,
  21. },
  22. banner:{
  23. required: true,
  24. }
  25. },
  26. //提示信息
  27. messages: {
  28. title: {
  29. required: '请输入主题'
  30. },
  31. describe:{
  32. required: '请输入详情'
  33. },
  34. banner:{
  35. required: '缩略图不能为空'
  36. }
  37. }
  38. });
  39. },
  40. //init
  41. $.FormValidator = new FormValidator,
  42. $.FormValidator.Constructor = FormValidator
  43. }(window.jQuery),
  44. function($) {
  45. "use strict";
  46. $.FormValidator.init()
  47. }(window.jQuery);

如还有不懂的,可以去看看我同事的这一个简书

http://www.jianshu.com/p/5c0990e39b04

您的支持是对我最大的鼓励!

分类: laravel

标签:   FormValidator