jQuery用户信息表单提交验证代码

来源:https://www.sucaihuo.com/js/2699.html 2017-08-12 18:37浏览(604) 收藏

简单实用的jQuery用户信息表单提交验证代码,validate表单验证插件。
jQuery用户信息表单提交验证代码
分类:表单代码 > 表单插件 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="jquery-1.11.1.js"></script>
  <script type="text/javascript" src="jquery-validate.js"></script>
  <script type="text/javascript">
  $('form').validate({
    onFocus: function() {
      this.parent().addClass('active');
      return false;
    },
    onBlur: function() {
      var $parent = this.parent();
      var _status = parseInt(this.attr('data-status'));
      $parent.removeClass('active');
      if (!_status) {
        $parent.addClass('error');
      }
      return false;
    }
  });

  $('form').on('submit', function(event) {
    event.preventDefault();
    $(this).validate('submitValidate'); //return boolean;
  });
  </script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2