来自 服务器&运维 2019-12-29 05:22 的文章
当前位置: 澳门威尼斯人平台 > 服务器&运维 > 正文

jQuery异步提交表单的两种方式_jquery_脚本之家

之前项目中使用的表单提交方式 使用form()方法可以将提交事件脱离submit按钮,绑定到任何事件中 复制代码 代码如下: function addSubmit.form('submit', { url : _basePath + '/@Controller/@RequestMapping', onSubmit : function{//放置能否提交的判断条件 $.messager.show({ title:'提示',msg:'不符合保存条件', showType:'fade',style:{right:'',bottom:''} }); return false;//阻止表单提交 } return $.form;//判断required项是否全部有值 }, success : function { var obj = jQuery.parseJSON;//将返回的JSON转化为所需对象 if {//判断返回的ResponseData对象中标示状态的属性值 $.messager.show({ title:'提示',msg:'保存失败', showType:'fade',style:{right:'',bottom:''} }); } else { $.messager.show({ title:'提示',msg:'保存成功', showType:'fade',style:{right:'',bottom:''} }); $.window;//关闭提交pwkk query; } 今天在《锋利的jQuery》中又读到这样一种提交方式,使用ajax封装了表单内容用post提交 复制代码 代码如下: $.click { $.get("get.php", {username:$, password:$}, function {//将表单中的数据逐条取出后封装上传 $;//将返回值填充至页面中 }); }); 而后有一个简化版,使用serialize()方法序列化 复制代码 代码如下: $.click { $.get.serialize(), function {//将表单中的数据逐条取出后封装上传 $;//将返回值填充至页面中 }); }); serialize()方法可以自动编码,而且除表单之外的如checkbox等对象也可以使用其进行转换 同时还有serializeArray()方法可以将元素序列化后返回数组形式的JSON对象,而非JSON字符串 即无需使用jQuery.parseJSON()方法进行转换 返回值可直接使用类似$.each()等方法进行操作使用

html表单代码:复制代码 代码如下:

本文实例为大家分享了jQuery实现表单验证的具体代码,供大家参考,具体内容如下

本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下

jQuery代码:复制代码 代码如下: ${ $("form :input.required").each{ var $required = $("*"); //$.append; //追加到文档中 $.prepend; $.blur{ var $parent = $; if.is{ if(this.value==""||this.value.length<6){ var errorMsg = '请输入至少6位的用户名'; $parent.append(''+errorMsg+''); }else{ var okMsg = '输入正确'; $parent.append(''+okMsg+''); } } if{ if(this.value==""||(this.value!=""&&!/.+@.+.[a-zA-Z]{2,4}$/.test{ var errorMsg = '请输入正确的E-mail地址'; $parent.append(''+errorMsg+''); }else{ var okMsg = '输入正确'; $parent.append(''+okMsg+''); } } }); $.focus{ var $parent = $; $parent.find; }); $.click{ var $parent = $.parent(); $parent.find; $("form .required:input").trigger; var numError = $.length; if{ return false; } }); $.click{ var $parent = $.parent(); $parent.find; }); });

  Reg  .state1{ color:#aaa; } .state2{ color:#000; } .state3{ color:red; } .state4{ color:green; }    ${ var ok1=false; var ok2=false; var ok3=false; var ok4=false; // &#39564;&#35777;&#29992;&#25143;&#21517; $('input[name="username"]').focus.next().text.removeClass.addClass.blur{ if.length &gt;= 3 &amp;&amp; $.length &lt;=12 &amp;&amp; ${ $.text.removeClass.addClass; ok1=true; }else{ $.text.removeClass.addClass; //&#39564;&#35777;&#23494;&#30721; $('input[name="password"]').focus.next().text.removeClass.addClass.blur{ if.length &gt;= 6 &amp;&amp; $.length &lt;=20 &amp;&amp; ${ $.text.removeClass.addClass; ok2=true; }else{ $.text.removeClass.addClass; //&#39564;&#35777;&#30830;&#35748;&#23494;&#30721; $('input[name="repass"]').focus.next().text('&#36755;&#20837;&#30340;&#30830;&#35748;&#23494;&#30721;&#35201;&#21644;&#19978;&#38754;&#30340;&#23494;&#30721;&#19968;&#33268;,&#35268;&#21017;&#20063;&#35201;&#30456;&#21516;').removeClass.addClass.blur{ if.length &gt;= 6 &amp;&amp; $.length &lt;=20 &amp;&amp; $!='' &amp;&amp; $ == $('input[name="password"]').val.text.removeClass.addClass; ok3=true; }else{ $.text('&#36755;&#20837;&#30340;&#30830;&#35748;&#23494;&#30721;&#35201;&#21644;&#19978;&#38754;&#30340;&#23494;&#30721;&#19968;&#33268;,&#35268;&#21017;&#20063;&#35201;&#30456;&#21516;').removeClass.addClass; //&#39564;&#35777;&#37038;&#31665; $('input[name="email"]').focus.next().text.removeClass.addClass.blur{ if.search*@w+*.w+{ $.text.removeClass.addClass; }else{ $.text.removeClass.addClass; ok4=true; } }); //&#25552;&#20132;&#25353;&#38062;,&#25152;&#26377;&#39564;&#35777;&#36890;&#36807;&#26041;&#21487;&#25552;&#20132; $.click{ if(ok1 &amp;&amp; ok2 &amp;&amp; ok3 &amp;&amp; ok4){ $; }else{ return false; } }); });   

第一种方式:普通ajax方式提交

本文由澳门威尼斯人平台发布于服务器&运维,转载请注明出处:jQuery异步提交表单的两种方式_jquery_脚本之家

关键词: