Python菜鸟之路:通过案例学习JQuery
2016-09-01 15:57
501 查看
案例一:通过DOM绑定,实现基本的表单验证
JS部分
/** * Created by ACER on 2016/8/28. */ (function(jq){ function ErrorMessage(inp,message){ var tag = document.createElement('span'); tag.innerText = message; inp.after(tag); } jq.extend({ valid:function(form){ // #form1 $('#form1') jq(form).find(':submit').click(function(){ jq(form).find('.item span').remove(); var flag = true; jq(form).find(':text,:password').each(function(){ var require = $(this).attr('require'); if(require){ var val = $(this).val(); if(val.length<=0){ var label = $(this).attr('label'); ErrorMessage($(this),label + "不能为空"); flag = false; return false; } var minLen = $(this).attr('min-len'); if(minLen){ var minLenInt = parseInt(minLen); if(val.length<minLenInt){ var label = $(this).attr('label'); ErrorMessage($(this),label + "长度最小为"+ minLen); flag = false; return false; } //json.stringify() //JSON.parse() } var phone = $(this).attr('phone'); if(phone){ // 用户输入内容是否是手机格式 var phoneReg = /^1[3|5|8]\d{9}$/; if(!phoneReg.test(val)){ var label = $(this).attr('label'); ErrorMessage($(this),label + "格式错误"); flag = false; return false; } } // 1、html自定义标签属性 // 增加验证规则+错误提示 } // 每一个元素执行次匿名函数 // this //console.log(this,$(this)); /* var val = $(this).val(); if(val.length<=0){ var label = $(this).attr('label'); var tag = document.createElement('span'); tag.innerText = label + "不能为空"; $(this).after(tag); flag = false; return false; } */ }); return flag; }); } }); })(jQuery);
JS部分
相关文章推荐
- Python游戏编程入门(有目录及案例图片)-通过简单游戏学习python
- python 学习笔记十四 jQuery案例详解(进阶篇)
- 2018年网易深度学习图像实习校招编程题(100%案例通过)python解析
- 通过jQuery源码学习javascript(二)
- Python:通过计算阶乘来学习lambda和reduce这两个函数的使用
- Python:通过计算阶乘来学习lambda和reduce这两个函数的使用
- 通过jQuery源码学习javascript(一)
- jQuery 学习笔记之五 (jQuery 案例)
- 通过一个天气预报案例学习asp.net WebService(基于asp.net MVC)
- 通过jQuery源码学习javascript(二)
- 通过jQuery源码学习javascript(三)
- 通过脚本案例学习shell(四) --- 通过脚本初始化并加固新安装的Linux系统 推荐
- 通过例子学习Jquery---导航栏 菜单
- 通过脚本案例学习shell(五) 通过创建DNS脚本一步一步教你将一个普通脚本规范到一个生产环境脚本 推荐
- jquery的serialize和getJson导致中文乱码的案例学习
- 通过脚本案例学习shell(一)如何通过复杂锁脚本解决脚本正在运行或者被意外中断问题 推荐
- {传智播客} (学习笔记)--通过一些简单案例,了解Oracle存储过程编写和调用
- Python学习笔记---案例研究
- 通过jQuery源码学习javascript(三)
- 通过脚本案例学习shell(三) --- 通过交互式脚本自动创建Apache虚拟主机 推荐