// 该jquery扩展引自 http://www.ghostsf.com/tools/389.html 方法名是作者博客的命名
$.fn.ghostsf_serialize = function () {
  var a = this.serializeArray();
  var $radio = $('input[type=radio],input[type=checkbox]', this);
  var temp = {};
  $.each($radio, function () {
  if (!temp.hasOwnProperty(this.name)) {
    if ($("input[name='" + this.name + "']:checked").length == 0) {
    temp[this.name] = "";
    a.push({name: this.name, value: ""});
    }
  }
});
return jQuery.param(a);
};

// 粗制滥作的 表单判空
function verify2(valbtnId,valformId) {

  $(valbtnId).attr('disabled',true);
  var reg = /^\s*$/g;
  $(valformId).keyup('change',function valkeyup(){

  //var formdataarray = $(valformId).serialize().split('&'); 未获取到未选中的 checkbox radio

  //使用扩展后 ghostsf_serialize() 方法可以获取
  var formdataarrayall = $(valformId).ghostsf_serialize().split('&');
  var countf = 0;

  for(var i = 0; i < formdataarrayall.length; i++) {

    var labeltype = formdataarrayall[i].substring(0,formdataarrayall[i].indexOf('='));

    if ($('*[name='+labeltype+']').is('select')) {
    //如果是下拉框 触发键盘事件 ?
      if($('select[name='+labeltype+']').children('options:selected')){
        if (!reg.test($('select[name='+labeltype+']:selected').val())) {
        countf++;
        }
      }
    }

    if ($('*[name='+labeltype+']').is('input')) {
      if($('*[name='+labeltype+']').attr('type') == 'text'){
        if (!reg.test($('input[name='+labeltype+']').val())) {
        countf++;
        }
      }
      if ($('*[name='+labeltype+']').attr('type') == 'checkbox') {
        if ( !reg.test($('input[name='+labeltype+']:checked').val()) && $('input[name='+labeltype+']:checked').val()!= undefined) {
        countf++;
        }
      }
      if ($('*[name='+labeltype+']').attr('type') == 'radio') {
        if (!reg.test($('input[name='+labeltype+']:checked').val()) && $('input[name='+labeltype+']:checked').val()!= undefined) {
        countf++;
        }
      }
    }

  }
  valreturn(countf == i ? false : true,valbtnId);
});

$(valformId).change('click',function valchange(){
    var formdataarrayall = $(valformId).ghostsf_serialize().split('&');
    var countf = 0;
  for(var i = 0; i < formdataarrayall.length; i++) {

    var labeltype = formdataarrayall[i].substring(0,formdataarrayall[i].indexOf('='));

    if ($('*[name='+labeltype+']').is('select')) {

      if($('select[name='+labeltype+']').children('options:selected')){
        if (!reg.test($('select[name='+labeltype+']').val())) {
        countf++;
        }
      }
    }

    if ($('*[name='+labeltype+']').is('input')) {
        //alert($('*[name='+labeltype+']').prop('type'));
        if($('*[name='+labeltype+']').attr('type') == 'text'){
          if (!reg.test($('input[name='+labeltype+']').val())) {
          countf++;
          }
        }
      if ($('*[name='+labeltype+']').attr('type') == 'checkbox') {
        if ( !reg.test($('input[name='+labeltype+']:checked').val()) && $('input[name='+labeltype+']:checked').val()!=undefined) {
        countf++;
        }
      }
      if ($('*[name='+labeltype+']').attr('type') == 'radio') {
        if (!reg.test($('input[name='+labeltype+']:checked').val()) && $('input[name='+labeltype+']:checked').val()!=undefined) {
        countf++;
        }
      }
    }
  }
  valreturn(countf == i ? false : true,valbtnId);
});

}

function valreturn(val,valbtnId){
    $(valbtnId).attr('disabled',val);
    return val;
}

jquery的表单验证方法,一个function能不能同时捕捉点击事件和按键事件?能不能再优化下,有代码。的更多相关文章

  1. jquery实现表单验证简单实例

    /* 描述:基于jquery的表单验证插件. */ (function ($) { $.fn.checkForm = function (options) { var root = this; //将 ...

  2. ASP.NET MVC Jquery Validate 表单验证的多种方式

    在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...

  3. [转]ASP.NET MVC Jquery Validate 表单验证的多种方式介绍

    在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...

  4. Jquery Validate 表单验证的多种方式

    ASP.NET MVC Jquery Validate 表单验证的多种方式 在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体 ...

  5. 【锋利的jQuery】表单验证插件踩坑

    和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在f ...

  6. jQuery formValidator表单验证插件

    什么是jQuery formValidator? jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人 ...

  7. jQuery的表单验证

    jQuery的表单验证 直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...

  8. Jquery 实现表单验证,所有验证通过方可提交

    1. [代码]Jquery 实现表单验证,所有验证通过方可提交 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ...

  9. jQuery Validate 表单验证插件----自定义一个验证方法

    一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...

随机推荐

  1. [hadoop][会装]HBase集群安装--基于hadoop ha模式

    可以参考部署HBase系统(分布式部署) 和基于无HA模式的hadoop下部署相比,主要是修改hbase-site .xml文件,修改如下参数即可: <property> <name ...

  2. 查看linux 下进程运行时间(转)

    原文地址:http://blog.csdn.net/tspangle/article/details/11731317 可通过ps 来查看,通过参数 -o 来查看 如: ps -eo pid,tty, ...

  3. JSON优缺点

    总结: 1.占带宽小(格式是压缩的) 2. js通过eval()进行Json读取(便于客户端读取) 3. JSON支持多种语言(c.c++.PHP等),便于服务端解析 JSON (JavaScript ...

  4. Openstack 网络服务 Neutron介绍和控制节点部署 (十)

    Neutron介绍 neutron是openstack重要组件之一,在以前是时候没有neutron项目. 早期的时候是没有neutron,早期所使用的网络的nova-network,经过版本改变才有个 ...

  5. Linux搭建主从数据库服务器(主从复制)

    配置主机数据库: 1.克隆linux操作系统 2.修改Linux系统主机IP地址 主机IP:192.168.247.150 从机IP:192.168.247.151 3.通过xshell连接Maste ...

  6. 循序渐进PYTHON3(十三) --8-- DJANGO之ADMIN

    admin简单使用:   1.urls.py  2.settings.py  3.models.py from django.db import models classUserInfo(models ...

  7. Luogu P2146 软件包管理器(树链剖分+线段树)

    题意 给定\(n\)个软件包,每个软件包都有一个依赖软件包,安装一个软件包必须安装他的依赖软件包,卸载一个软件包必须先卸载所有依赖于它的软件包.给定\(m\)此操作,每次一个操作\(install/u ...

  8. 2017 Hackatari Codeathon B. 2Trees(深搜)(想法)

    B. 2Trees time limit per test 0.75 seconds memory limit per test 256 megabytes input standard input ...

  9. 倚天屠龙(一):妙用IDA Pro--利用IDAPython编写调试插件

    一:前言 虽然静态分析有Radare2,Hopper这种新星之秀,动态调试有Ollydbg,Windbg这种老牌霸主,但是IDA Pro仍然是大部分二进制安全工程师最喜爱的工具,除了价格过于昂贵,基本 ...

  10. Sqli-labs less 7

    Less-7 本关的标题是dump into outfile,意思是本关我们利用文件导入的方式进行注入.而在background-3中我们已经学习了如何利用dump into file. 这里首先还是 ...