JQuery控制表单提交

规范化DOM

第一种方案：

<form><div id="closePanel">+</div><div id="formTitle">小鸡信息</div><div class="prop"><span>小鸡种类:</span><input name="type"/></div><div class="prop"><span>所在农场:</span><input name="farm"/></div><div class="prop"><span>小鸡生日:</span><input name="birthday"></div><!--这里下面是重点--><button id="subm">提交信息</button></form>

第二种方案

<form><div id="closePanel">+</div><div id="formTitle">小鸡信息</div><div class="prop"><span>小鸡种类:</span><input name="type"/></div><div class="prop"><span>所在农场:</span><input name="farm"/></div><div class="prop"><span>小鸡生日:</span><input name="birthday"></div><input id="subm" type="submit">提交信息</button></form>

不要这样：

   <button id="subm"  type="submit">提交信息</button>

控制提交JQuery代码

对于第一种方案是通过：

 $("表单的ID").submit(function (e) {//抑制表单提交e.preventDefault();$.ajax({type:"GET",url:后台的URL,data:$("表单ID").serializeArray(),   //这里Spring boot @RequestParam方式success:function (data) {console.log("从后台获取到插入操作的结果为:"+data);layout(data);},error:function (event) {console.log(event.responseText)}});}

对于第二种方案是通过获取Button的点击事件，也要调用e.preventDefault()来控制。
这两种表单提交方案适合无刷新页面的单页Web应用

JQuery控制表单提交相关推荐

表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍立即通过AJA ...
jQuery 阻止表单提交
1. 利用 οnsubmit="return false" 阻止表单提交 <form action="" method="get" ...
jquery验证表单提交表单
问题: jquery中使用submit提交按钮时,当return false后,依然会提交表单. 解决: 使用button按钮,而不是submit按钮 <script type="te ...
jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍立即通过AJ ...
jQuery ajaxForm 表单提交
1.jQuery的设计非常优雅,其源代码亦给人以美感,利用jQuery框架写出来的js既简练又能完美跨浏览器. 2.jquery form插件是基于jQuery开发的一套能够利用ajax技术提交f ...
jQuery控制表单重置
发现问题 jQuery中对于表单有submit()方法,却没有reset()方法解决办法 reset是属于js中form的方法. $("#frm")[0].reset(); 转载 ...
基于jQuery实现表单提交验证
html表单代码: 用户名: 邮箱: 个人资料: jQuery代码: $(function(){ $("form :input.required").each(function() ...
jquery form表单提交成功，回调方法
先下载 jquery-form.js [#assign security=JspTaglibs["http://www.springframework.org/security/tags&q ...
jquery按钮置灰_Jquery 实现表单提交按钮变灰，防止多次点击提交重复数据
表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交.要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾.jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代码 ...

JQuery控制表单提交

规范化DOM

控制提交JQuery代码

JQuery控制表单提交相关推荐

最新文章

热门文章