当前位置:小鱼儿玄机二站 > 关于计算机 > JS提交form表单实例剖析,js用法之清空form的办法

JS提交form表单实例剖析,js用法之清空form的办法

文章作者:关于计算机 上传时间:2019-09-03

正文实例陈说了JS提交form表单。分享给大家供我们参照他事他说加以考察,具体如下:

本段代码摘取自jquery.form.js中,由于感觉该情势的使用性极其强,同一时间也可独自拿出来使用。
该段代码言简意赅能够很好的作为读书参谋。

一、javascript 页面加裁时自动提交表单:

复制代码 代码如下:

Form表单:

/**
 * 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表示设置上下文蒙受,有两个表单时只遵守调用的表单
    });
};

<form method="post" id="myform" action="a.php">
<input type="submit" value="提交表单">
</form>

$.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 代码:

你恐怕感兴趣的篇章:

  • jquery.form.js框架实现文件上传成效案例剖析(springmvc)
  • 应用jQuery.form.js/springmvc框架实现公文上传成效
  • Struts2+jquery.form.js实现图片与公事上传的办法
  • 动用jquery.form.js完结图片上传的主意
  • jQuery插件之jQuery.Form.js用法实例深入分析(附demo示例源码)
  • 据他们说jQuery通过jQuery.form.js插件达成异步上传
  • jquery.form.js完毕将form提交转为ajax方式提交的法子
  • 解决3.01版的jquery.form.js粤语乱码难点的化解办法
  • jQuery.form.js的选用详解
<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
window.load=validate();
</script>

注:用Javascript提交表单时最佳form里的因素不要用id="submit"或name="submit",举例:
<input type="button" name="submit" />或<input type="button" id="submit" /> 那样JS或然不匹配各类浏览器,会招致JS报错。

二、超链接提交表单

Form表单:

<form method="post" id="myform" action="a.php">
<input type="test" value="name"/>
</form>
<a href="javascript:validate()">提交</a>

javascript 代码:

<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
</script>

用javascript其实真的很有益于的去干有个别事情!

期望本文所述对大家JavaScript程序设计有着补助。

您恐怕感兴趣的稿子:

  • ASP.NET在MVC调整器中获得Form表单值的措施
  • springMVC结合AjaxForm上传文件
  • jquery.form.js框架达成文件上传作用案例剖判(springmvc)
  • 应用jQuery.form.js/springmvc框架达成公文上传作用
  • 适用于WebForm Mvc的Pager分页组件C#实现
  • 详解ASP.NET MVC Form表单验证
  • ASP.NET MVC运维出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的消除措施
  • jQuery Form 表单提交插件之formSerialize,田野Serialize,田野Value,resetForm,clearForm,clearFields的行使
  • jquery插件EasyUI中form表单提交实例分享
  • jQuery完结form表单基于ajax无刷新提交方法详解
  • jquery validate和jquery form 插件组合完毕认证表单后AJAX提交
  • 依据jQuery通过jQuery.form.js插件使用ajax提交form表单
  • mvc中form表单提交的三种方法(推荐)

本文由小鱼儿玄机二站发布于关于计算机,转载请注明出处:JS提交form表单实例剖析,js用法之清空form的办法

关键词: