jquery的表单验证方法,一个function能不能同时捕捉点击事件和按键事件?能不能再优化下,有代码。
// 该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能不能同时捕捉点击事件和按键事件?能不能再优化下,有代码。的更多相关文章
- jquery实现表单验证简单实例
/* 描述:基于jquery的表单验证插件. */ (function ($) { $.fn.checkForm = function (options) { var root = this; //将 ...
- ASP.NET MVC Jquery Validate 表单验证的多种方式
在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...
- [转]ASP.NET MVC Jquery Validate 表单验证的多种方式介绍
在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...
- Jquery Validate 表单验证的多种方式
ASP.NET MVC Jquery Validate 表单验证的多种方式 在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体 ...
- 【锋利的jQuery】表单验证插件踩坑
和前几篇博文提到的一样,由于版本原因,[锋利的jQuery]表单验证插件部分又出现照着敲不出效果的情况. 书中的使用方法: 1. 引入jquery源文件, 2. 引入表单验证插件js文件, 3. 在f ...
- jQuery formValidator表单验证插件
什么是jQuery formValidator? jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人 ...
- jQuery的表单验证
jQuery的表单验证 直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-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 ...
- jQuery Validate 表单验证插件----自定义一个验证方法
一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...
随机推荐
- Windows下修改oracle实例不随服务自动启动
设置Oracle Administration Assistant for Windows 开始->所有程序->Oracle - OraDb10g_home1->配置和移植工具-&g ...
- 算法入门系列2:k近邻算法
用官方的话来说,所谓K近邻算法(k-Nearest Neighbor,KNN),即是给定一个训练数据集,对新的输入实例,在训练数据集中找到与该实例最邻近的K个实例(也就是上面所说的K个邻居), 这K个 ...
- Freemarker中JS取Data-model的值的问题
不能在表达式中使用js变量,比如: var key = 1; var value = "${stateMap[key]}"; 因为Freemarker是在服务器端进行解析的,此时j ...
- Proxy那点事儿
全文转载,原文地址:Proxy 那点事儿 Proxy,也就是"代理"了.意思就是,你不用去做,别人代替你去处理.比如说:赚钱方面,我就是我老婆的 Proxy:带小孩方面,我老婆就是 ...
- LCA上的RMQ模板算法
How far away ? Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)To ...
- 访问Github慢的解决办法
http://blog.csdn.net/sunsteam/article/details/63253933 http://tool.chinaz.com/dns 151.101.196.249 g ...
- AC日记——色板游戏 洛谷 P1558
色板游戏 思路: sb题: 代码: #include <bits/stdc++.h> using namespace std; #define maxn 100005 struct Tre ...
- 前端读者 | 前端构建工具Gulp
@羯瑞 整理 前言 前端工具现在层出不穷,网上搜下一大片,就看你怎么去使用了,基于项目看用什么样的构建工具.有的工具提供的功能还是非常强大的. FIS.百度团队的产品.现在百度的多个产品中使用.面向前 ...
- 前端读者 | 前端面试基础手册(HTML+CSS)
本文来自@羯瑞:希望前端面试基础手册能帮助要找工作的前端小伙伴~~ HTML 前端需要注意哪些SEO? 合理的title.description.keywords:搜索对着三项的权重逐个减小,titl ...
- npm --save-dev --save 的区别【转载】
源地址:http://blog.csdn.net/juzipchy/article/details/65653683 npm install 在安装 npm 包时,有两种命令参数可以把它们的信息写入 ...