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

 更新时间:2014年03月07日 16:28:37   作者:  
这篇文章主要介绍了jquery.form.js清空form的方法,需要的朋友可以参考下

本段代码摘取自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 = '';
            }
        }
    });
};

相关文章

  • 基于jQuery对象和DOM对象和字符串之间的转化实例

    基于jQuery对象和DOM对象和字符串之间的转化实例

    下面小编就为大家带来一篇基于jQuery对象和DOM对象和字符串之间的转化实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • Jquery图形报表插件 jqplot简介及参数详解

    Jquery图形报表插件 jqplot简介及参数详解

    jqPlot是 一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且,jqPlot具有插件可扩展性 (Pluggability),你可以编写自己的图表样式
    2012-10-10
  • jQuery旋转插件jqueryrotate用法详解

    jQuery旋转插件jqueryrotate用法详解

    这篇文章主要介绍了jQuery旋转插件jqueryrotate用法,结合实例形式详细分析了jqueryrotate插件的功能、定义及相关参数的使用方法,需要的朋友可以参考下
    2016-10-10
  • 随鼠标上下滚动的jquery代码

    随鼠标上下滚动的jquery代码

    随鼠标上下滚动,在某些时候需要类似的效果,下面有个不错的示例可以实现此效果,需要的朋友可以参考下
    2013-12-12
  • jQuery实现的简单拖动层示例

    jQuery实现的简单拖动层示例

    这篇文章主要介绍了jQuery实现的简单拖动层,可实现响应鼠标拖动div层及动态显示坐标值的功能,涉及jQuery鼠标响应及页面元素属性相关操作技巧,需要的朋友可以参考下
    2017-02-02
  • jquery 查找iframe父级页面元素的实现代码

    jquery 查找iframe父级页面元素的实现代码

    jquery 查找iframe父级页面元素的实现代码,学习jquery的朋友可以参考下。
    2011-08-08
  • 移动端 一个简单易懂的弹出框

    移动端 一个简单易懂的弹出框

    本文给大家分享一段简单的jquery代码实现一个简单易懂的弹出框,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-07-07
  • jquery实现购物车功能

    jquery实现购物车功能

    这篇文章主要为大家详细介绍了jquery实现购物车功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • JQuery实现地图坐标拾取和地址模糊查询功能

    JQuery实现地图坐标拾取和地址模糊查询功能

    本文详细介绍了使用JQuery、HTML和JavaScript实现移动端地图位置选取的方法,内容包括构建地图页面、通过点击获取经纬度、实现地址模糊查询与标注等功能,文章还提供了完整的代码示例,并且介绍了百度地图API的应用,帮助开发者快速掌握地图位置选点的开发技术
    2024-09-09
  • jQuery实现小球点击发射动画

    jQuery实现小球点击发射动画

    这篇文章主要为大家详细介绍了jQuery实现小球点击发射动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01

最新评论