经验总结17--submit按钮,ajax提交

发篇小文章,纪念七七事变。

submit一般用于提交表单,但是想使用ajax进行提交,又想按“enter”触发按钮。

那么就阻止提交表单的事件,进行自定义的提交。

1、让form表单不自动提交。

<form autocomplete="off">

<input class="sub login" type="submit" id="LoginBtn" value=" " />

</form

2、阻止事件,

$("#LoginBtn").on("click", function (e) {

e.preventDefault();

//ajax请求

}

经验总结17--submit按钮,ajax提交

时间: 2024-09-29 18:17:35

经验总结17--submit按钮,ajax提交的相关文章

form表单,submit,ajax提交

尼玛... 一个简单的表单提交,竟然给我整的直郁闷. 本来就是个保存功能,几个前人都用的ajax提交,我也就没改成submit.然后坑爹的就来了. 我在表单里写了个<form></form>(实际用ajax提交,也没必要写这个标签,但是我就是写了.而action属性是个空) 保存钮的标签是个button..但是type并没指定是submit 这尼玛梦魇就来了,保存倒是好使.但是回调函数后的跳转location.href时而好使时而不好使..TMD我调查这个给我累够呛,两天没睡踏实.

【转载】jquery validate验证插件,在ajax提交方式下的验证

正常的表单都是使用submit按钮来提交,jquery  validate插件可以方便的做表单验证. 做一个发送短信的功能,向目标表插入多条记录,界面采用ajax来提交表单,等待效果直接用ext的遮罩了. 但是如何验证却碰到问题. 解决方式很简单,表单跟正常表单一样,validate的submitHandler,invalidHandler这2个方法都需要覆盖,都 return false;这样表单就不会在点击按钮的时候提交了,表单验证跟正常验证起作用.submitHandler在return

jquery ajax 在submit按钮的click处理中应注意的地方

html文件: <form action="/index.php/welcome/personpost"> ................ <input type="submit" id="personsub"  value="提交" /> </form> js文件: $(document).ready(function() { $("#personsub").live

JavaScript基础 submit按钮配合form的onsubmit实现表单的提交与验证

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

JavaScript基础 submit按钮结合onclick事件 实现表单的提交与验证

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

django form的提交 --比较ajax提交与form submit提交

form submit方式可以实现提交,错误信息显示,原填写内容再次返回给页面. 或者取已有信息,填充form 2 ajax提交后端需要json.dumps包装为json.前端需要设置datatype后端通过Httpresponse返回给json,通过json跳转. 页面 原文地址:http://blog.51cto.com/13606158/2087864

表单提交时submit按钮的值没有被提交

FORM表单中,submit提交的时候,有时候有值,有时候无值 FORM表单中,submit的name是Submit.如下<input type="submit" name="Submit" value="提交表单" /> 1.出现的几种情况 1.当点击submit按钮时,FORM被提交,提交后获取的数组中有Submit下标的值 2.回到FORM表单,直接敲回车提交,这时候发现获取的数组中没有Submit下标. 3.在浏览器版本低的情

【前台 submit的重复提交 错误】submit的重复提交

错误表现: 会表现出来:ajax执行成功但是时而会进回调函数,时而不会进入回调函数. 分析原因: 页面的表达提交使用submit,然后又对这个提交按钮绑定一个点击事件,使用ajax来和后台进行交互,这个时候如果不return false:会导致ajax提交一次,submit提交一次,这样的错误不容易找出来 解决方法: 在ajax类的方法执行完了之后,需要return false: 例子: 1 $("#pAdd").click(function(){ 2 var productName

ajax提交表单

ajax提交表单在项目中常用,前台无论是简单的html.jsp或者是使用了easyui框架,提交表单都会使用到ajax,extjs框架其实也是使用了ajax只不过对其进行了封装了,我们使用的时候就更固定了些. 总的来说ajax提交表单可以分为两种,一种是无返回结果的,就是将表单数据提交给后台,后台处理完就完了:另一种就是有返回结果的,后台执行成功或失败的信息需要返回到前台. 1,无返回结果的 最简单的就是$("#formid").submit();直接将form表单提交到后台. 2,有