jquery.form.js用法之清空form的方法


Posted in Javascript onMarch 07, 2014

本段代码摘取自jquery.form.js中,由于觉得该方法的使用性非常强,同时也可独立拿出来使用。
该段代码言简意赅可以很好的作为学习参考。

/**
 * Clears the form data. Takes the following actions on the form's input fields:
 * - input text fields will have their 'value' property set to the empty string
 * - select elements will have their 'selectedIndex' property set to -1
 * - checkbox and radio inputs will have their 'checked' property set to false
 * - inputs of type submit, button, reset, and hidden will *not* be effected
 * - button elements will *not* be effected
 */
$.fn.clearForm = function(includeHidden) {
    return this.each(function() {
        $('input,select,textarea', this).clearFields(includeHidden);   //this表示设置上下文环境,有多个表单时只作用调用的表单
    });
};
$.fn.clearFields = $.fn.clearInputs = function(includeHidden) {
    var re = /^(?:color|date|datetime|email|month|number|password|range|search|tel|text|time|url|week)$/i; // 'hidden' is not in this list
    return this.each(function() {
        var t = this.type, tag = this.tagName.toLowerCase();
        if (re.test(t) || tag == 'textarea') {
            this.value = '';
        }
        else if (t == 'checkbox' || t == 'radio') {
            this.checked = false;
        }
        else if (tag == 'select') {
            this.selectedIndex = -1;
        } 
        else if (t == "file") {
            if (/MSIE/.test(navigator.userAgent)) {
                 $(this).replaceWith($(this).clone(true));
            } else {
                 $(this).val('');
            }
       }
        else if (includeHidden) {
            // includeHidden can be the value true, or it can be a selector string
            // indicating a special test; for example:
            // $('#myForm').clearForm('.special:hidden')
            // the above would clean hidden inputs that have the class of 'special'
            if ( (includeHidden === true && /hidden/.test(t)) ||
                 (typeof includeHidden == 'string' && $(this).is(includeHidden)) ) {
                this.value = '';
            }
        }
    });
};
Javascript 相关文章推荐
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
vue模板语法-插值详解
Mar 06 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
vue实现留言板todolist功能
Aug 16 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
Jan 25 Javascript
AngularJs分页插件使用详解
Jun 30 Javascript
基于layui table返回的值的多级嵌套的解决方法
Sep 19 Javascript
小程序点击图片实现png转jpg
Oct 22 Javascript
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
jquery设置按钮停顿3秒不可用
Mar 07 #Javascript
jquery 实现两级导航菜单附效果图
Mar 07 #Javascript
document.addEventListener使用介绍
Mar 07 #Javascript
开发中可能会用到的jQuery小技巧
Mar 07 #Javascript
javascript匿名函数应用示例介绍
Mar 07 #Javascript
js登录弹出层特效
Mar 07 #Javascript
JavaScript通过正则表达式实现表单验证电话号码
Mar 07 #Javascript
You might like
咖啡豆的最常见发酵处理方法,详细了解一下
2021/03/03 冲泡冲煮
php中如何防止表单的重复提交
2013/08/02 PHP
WordPress中自定义后台管理界面配色方案的小技巧
2015/12/29 PHP
Laravel中服务提供者和门面模式的入门介绍
2017/11/06 PHP
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
Js操作树节点自动折叠展开的几种方法
2014/05/05 Javascript
javascript中基本类型和引用类型的区别分析
2015/05/12 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
2016/06/20 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
Python中使用PIPE操作Linux管道
2015/02/04 Python
Python序列操作之进阶篇
2016/12/08 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
python将音频进行变速的操作方法
2020/04/08 Python
Python浮点型(float)运算结果不正确的解决方案
2020/09/22 Python
python获取时间戳的实现示例(10位和13位)
2020/09/23 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
南非最受欢迎的时尚品牌:MRP
2016/09/18 全球购物
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
执行力心得体会
2013/12/31 职场文书
便利店投资的创业计划书
2014/01/12 职场文书
运动会广播稿100字
2014/09/14 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
2014年党的群众路线教育实践活动整改措施(个人版)
2014/09/25 职场文书
焦点访谈观后感
2015/06/11 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
治庸问责工作总结
2015/08/11 职场文书
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python