巧用js灵活提交表单,解决一个页面有多个提交点击按钮提交form表单

利用JS提交表单的几种方法和验证
工作中发现表单提交方便的问题,很多时候IE下提交好好的,打了火狐下就出现了问题,利用提交按钮就不成功了,于是利用JS的方式就成功了,也不知道为什么。在导师的催促下就总结出以下的几种常用表单提交的方法。
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功
type="text/javascript"&
&&&function
validate(obj) {
(confirm("提交表单?")) {
&&&&&&&&&alert(obj.value);
&&&&&&&&&return
&&&&&&&&&alert(obj.value);
&&&&&&&&&return
& &/script&
action="" onsubmit="return
validate(document.getElementByIdx_x('myText'));"&
&!—参数的这种写法注意下--&
type="text" id="myText"/&
type="submit" value="submit"/&
第二种方式:通过button按钮来触发表单提交事件onclick="submitForm();",会忽略掉其他标签中的属性,比如form标签中的onsubmit属性就失效了。这时为了进行表单验证,可以将验证代码放在submitForm();方法中进行验证。
type="text/javascript"&
&&&function
validate() {
(confirm("提交表单?")) {
&&&&&&&&&return
&&&&&&&&&return
&&&function
submitForm() {
(validate()) {
&&&&&&&&&document.getElementByIdx_x("myForm").submit();
& &/script&
id="myForm"&
type="text"/&
type="button" value="submitBtn"
onclick="submitForm();"/&
&!—也可以使用document.getElementByIdx_x(“该按钮的id”).click();来执行onclick事件--&
第三种方式:将onsubmit事件放在submit标签中,而不是form标签中,此时表单验证失效,点击提交按钮表单直接提交
type="text/javascript"&
&&&function
validate() {
(confirm("提交表单?")) {
&&&&&&&&&return
&&&&&&&&&return
& &/script&
action=""&
type="text"/&
type="submit" value="submit" onsubmit="return
validate()"/&
第四种方式:为submit按钮添加上onclick事件,其中该事件用于表单提交的验证,功能类似于在form标签中增加了onsubmit事件一样
type="text/javascript"&
&&&function
validate() {
(confirm("提交表单?")) {
&&&&&&&&&return
&&&&&&&&&return
& &/script&
action=""&
type="text"/&
type="submit" value="submit" onclick="return
validate()"/&
第五种方式:
&form action=""
id="myForm"&
&input type="text"/&
&input type="button" value="submitBtn"
id="myBtn"/&
&script type="text/javascript"&
&& function validate() {
if (confirm("提交表单?")) {
&&&&&&&&&&&&&
&&&&&&&&&&&&&
通过button按钮来触发表单提交事件onclick="submitForm();",会忽略掉其他标签中的属性,比如form标签中的onsubmit属性就失效了。这时为了进行表单验证,可以将验证代码放在submitForm();方法中进行验证
&& function submitForm() {
if (validate()) {
&&&&&&&&&&&&&
document.getElementByIdx_x("myForm").submit();
document.getElementByIdx_x("myBtn").onclick = submitF
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。同一个页面里面多个form 使用cui.js中ajax-post
同一个页面里面多个form 使用cui.js中ajax-post
在一个模板页面里, 存在多个form, 当使用ajax-post,ajax-get 提交时,form提交不了,点击提交按钮时没有响应提交.
ajax使用三个条件
1、ajax-post
2、target-form
3、type="submit"
您需要登录后才可以回帖,
您需要登录后才可以回帖,
Android版本
点击下一步表示同意
发送邮件验证码
点击下一步表示同意
CoreThink网站用户协议
1. 使用条款的接受
请您在使用本网站前仔细阅读以下各项使用条款(以下简称"条款")。通过访问和/或使用本网站,您表示同意接受本条款的所有条件和条款。如果您不愿接受本条款的全部条件和条款,请您不要访问或使用本网站。
2. 变更和修改
CoreThink网站有权随时对本条款进行修改,并且一旦发生条款的变动,CoreThink网站将在相关页面上提示修改的内容;用户如果不同意本条款的修改,可以放弃使用或访问本网站或取消已经获得的服务;如果用户选择在本条款变更后继续访问或使用本网站,则视为用户已经接受本条款的修改。
3. 服务说明
CoreThink网站是一个向广大用户提供软件工具和内容分享工具的服务平台,本身提供相关合法内容。
CoreThink网站运用自己的系统通过互联网向用户提供服务,除非CoreThink网站另有明确规定或同用户书面达成新的协议,增强或强化目前服务的任何新功能,包括新产品以及新增加的服务,均无条件地适用本条款。
CoreThink网站不保证服务一定会满足用户的使用要求,也不保证服务不会被中断,对服务的及时性、安全性、准确性也不作担保。
4. 用户行为
用户注册成功后,便成为CoreThink网站的合法用户,会得到一个密码和账号。用户需采取合理措施维护其密码和账号的安全。用户对利用该密码和账号所进行的一切活动负全部责任;由该等活动所导致的任何损失或损害由用户承担,CoreThink网站不承担任何责任。
用户的密码和账号遭到未授权的使用或发生其他任何安全问题,用户应当立即通知CoreThink网站。用户在每次连线结束,应结束账号使用。否则用户可能得不到CoreThink网站的安全保护。
用户同意遵守《中华人民共和国保守国家秘密法》、《中华人民共和国著作权法》、
《互联网电子公告服务管理规定》、《信息网络传播权保护条例》、《中华人民共和国计算机信息系统安全保护条例》、《计算机软件保护条例》等有关的法律、法规以及政府部门的规定。在任何情况下,CoreThink网站如果认为用户的行为可能违反上述法律、法规,CoreThink网站可以在任何时候,有权不经事先通知终止向该用户提供服务。
CoreThink网站欢迎用户举报任何违反上述法律或侵犯他人权利的上传内容,一经发现违法或侵权的上传内容,CoreThink网站将根据相关的法律规定进行删除。
禁止用户从事以下行为:
o 上载、张贴、发送电子邮件或传送包含任何反对宪法所确定的基本原则、危害国家安全、泄露国家秘密、颠覆国家政权、破坏国家统一、破坏民族团结、损害
国家荣誉和利益、煽动民族仇恨、民族歧视、破坏民族团结、破坏国家宗教政策、宣扬邪教和封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪、侮辱 或者诽谤他人,侵害他人合法权益的等法律、行政法规禁止的内容或其他另人反感的包括但不限于资讯、资料、文字、软件、音乐、照片、图形、信息或其他资料
(以下简称内容)。
o 以任何方式危害未成年人。
o 冒充任何人或机构,或以虚伪不实的方式谎称或使人误认为与任何人或任何机构有关。
o 伪造标题或以其他方式操控识别资料,使人误认为该内容为CoreThink网站所传送。
o 将无权传送的内容(例如内部资料、机密资料)进行上载、张贴、发送电子邮件或以其他方式传送。
o 将侵犯任何人的专利、商标、著作权、商业秘密或其他专属权利之内容加以上载、张贴、发送电子邮件或以其他方式传送。
o 将广告函件、促销资料、"垃圾邮件"等,加以上载、张贴、发送电子邮件或以其他方式传送。供前述目的使用的专用区域除外。
o 将有关干扰、破坏或限制任何计算机软件、硬件或通讯设备功能的软件病毒或其他计算机代码、档案和程序之资料,加以上载、张贴、发送电子邮件或以其他方式传送。
o 干扰或破坏本网站服务或与本网站服务相连的服务器和网络,或不遵守本网站使用之规定。
o 故意或非故意违反任何相关的中国法律、法规、规章、条例等其他具有法律效力的规范。
用户应当对其提供的经由本网站上载、张贴、发送电子邮件或传送的内容承担全部责任,对于用户经由本网站而传送的内容,CoreThink网站不保证前述其合法性、正当性、准确性、完整性或品质。用户在接受本网站服务时,有可能会接触到令人不快、不适当或令
人厌恶的内容。在任何情况下,CoreThink网站均不对任何内容承担任何责任,包括但不限于任何内容发生任何错误或纰漏以及衍生的任何损失或损害。CoreThink网站有权(但无义务)自行拒绝或删除经由本网站提供的任何内容。用户使用上述内容,应自行承担风险。CoreThink网站有权利在下述情况下,对内容进行保存或披露:
o 法律程序所规定;
o 本用户协议条款规定;
o 其他CoreThink网站认为有必要的情况。
CoreThink网站不对用户所发布信息的删除或储存失败承担责任。CoreThink网站有权判断用户的行为是否符合本网站使用条款之规定,如果CoreThink网站认为用户违反了法律规定或者违背了本用户协议的规定,CoreThink网站有终止向其提供网站服务的权利。
5. 用户隐私权制度
当用户注册CoreThink网站的服务时,用户应当提供个人信息。CoreThink网站收集个人信息的目的是为用户提供尽可能多的个人化网上服务。CoreThink网站不会在未经合法用户授权时,公开、编辑或透露其个人信息及保存在CoreThink网站中的非公开内容,除非有下列情况:
o 法律程序所规定;
o 本用户协议条款规定;
o 其他CoreThink网站认为有必要的情况。
6. 关于第三方链接
本网站服务可能会提供与其他国际互联网网站或资源进行链接。对于前述网站或资源是否可以利用,CoreThink网站不承担担保责任。因用户使用上述网站或资源所产生的损失或损害,CoreThink网站也不负担任何责任。
7. 知识产权
CoreThink网站对网站服务及本网站所使用的软件所包含的受知识产权或其他法律保护的资料享有相应的权利;除用户依法享有版权内容之外,本网站的整体内容版权归CoreThink网站所有。
经由CoreThink网站网站传送的文件及其它内容,受到著作权法、商标法、专利法或其他法律的保护;除该等文件及其它内容上载的用户所享有的版权,未经CoreThink网站明示授权许可,其他用户不得进行修改、出租、散布或衍生其他作品。
用户对本网站所使用的软件有非专属性使用权,但不得自行或许可任何第三方复制、修改、出售或衍生产品。
本网站所有设计图样以及其他图样、产品及服务名称,均为CoreThink网站及/或其关联公司所享有的商标、标识。任何人不得使用、复制或用作其他用途。
除了本协议中明确约定由用户或内容提供商享有版权的内容,CoreThink网站以及虾米软件中包含的全部信息和资料,无论是文字、音频、视频、图片、图表、数据库或其他形式,特别是CoreThink网站音乐曲库数据信息和资料,包括但不限于歌名、歌手、专辑名以及有关歌曲的介绍图文资料以及包含上述资料的任何形式的数据库,其相关的版权、其它知识产权和所有权属于CoreThink网站所有。用户可依照本协议的约定以个人欣赏之目的使用上述信息和材料,但未经CoreThink网站另行书面同意,不得擅自使用、出租、出借、复制、修改、转载、汇编、发表或出版,不得借助CoreThink网站站和虾米软件开发与之相关的衍生产品、作品、服务、插件、外挂程序或音频数据库,亦不得从CoreThink网站或虾米软件中提取或抓取数据或资料。
8. 免责声明
CoreThink网站对于任何自本网站而获得的他人的信息、内容或者广告宣传等任何资讯(以下统称“信息”),不保证真实、准确和完整性。如果任何单位或者个人 通过上述“信息”而进行任何行为,须自行甄别真伪和谨慎预防风险,否则,无论何种原因,本网站不对任何非与本网站直接发生的交易和/或行为承担任何直接、 间接、附带或衍生的损失和责任。
CoreThink网站有权但无义务,改善或更正本网站任何部分之任何疏漏、错误。
CoreThink网站不保证(包括但不限于):
o 本网站适合用户的使用要求;
o 本网站不受干扰,及时、安全、可靠或不出现错误;
o 用户经由本网站取得的任何产品、服务或其他材料符合用户的期望。
用户使用经由本网站收听的下载的或取得的任何资料,其风险自行负担;因该等使用导致用户电脑系统损坏或资料流失,用户应负完全责任;
基于以下原因而造成的利润、商业信誉、资料损失或其他有形或无形损失,CoreThink网站不承担任何直接、间接、附带、衍生或惩罚性的赔偿:
o 本网站使用或无法使用;
o 经由本网站购买或取得的任何产品、资料或服务;
o 用户资料遭到未授权的使用或修改;
o 其他与本网站相关的事宜。
用户在浏览互联网时自行判断使用本网站的搜索或检索目录。该搜索或检索目录可能会引导用户进入到被认为具有攻击性或不适当的网站,CoreThink网站没有义务查看检索目录所列网站的内容,因此,对其正确性、合法性、正当性不负任何责任。
CoreThink网站向用户颁发的积分、体验点或其他奖励,其使用方式和使用范围等政策由CoreThink网站决定,CoreThink网站也有权根据经营情况对积分、体验点和其他奖励的使用政策进行调整、增减甚至取消。如CoreThink网站决定终止提供服务的,则用户未使用的积分、体验点和其他奖励也将丧失使用权益。用户同意CoreThink网站无需就使用政策变更、取消服务等造成的使用权益降低或丧失支付赔偿,CoreThink网站也无需承担其他责任。
9. 第三方责任
由于用户经由本网站上载或发布内容、与本网站连线、违反本服务条款或侵害其他人的任何权利应当由用户负责,CoreThink网站对此不承担任何责任。如因上述原因导致任何第三人向CoreThink网站提出权利主张的,用户同意赔偿CoreThink网站及其分公司、关联公司、代理人或其他合作伙伴及员工的全部直接、间接损失。
用户同意就任何基于下列事项或与下列事项相关的,不利于CoreThink网站或它的雇员或代表和代理人的索赔,法律行为,要求或诉讼赔偿CoreThink网站或它的雇员或代表和代理人任何损失、为CoreThink网站或它的雇员或代表和代理人辩护,并使之不受任何损害。
o 用户使用本网站。
o 用户违反网站使用条款。
o 本节所述之你的使用应被视为包含第三方使用用户的电脑访问本网站。
用户同意赔偿给CoreThink网站,
其员工,代表,代理人所有和任何其被判令承担因第三方索赔,诉讼或与第三方索赔相关的诉讼的相关费用,损失与必要的开支(包括合理的律师费)。
无论是否有原因,用户或是CoreThink网站都有权在任何时间终止这些条件。一旦CoreThink网站终止了这些条款,CoreThink网站将按照你在注册时提供的电子邮件地址发出通知,用户将被视为在一个小时内收到了通知。终止将于该时间生效。用户有责任向CoreThink网站通知有关用户的电子邮件地址的任何改变。当终止生效时,用户须销毁从本网站所获得的所有资料和信息以及其复制件。
12. 法律的适用和管辖
本使用条款的生效、履行、解释及争议的解决均适用中华人民共和国法律,与本条款有关的争议提交由CoreThink网站所在地的法院管辖。本服务条款因与中华人民共和国现行法律相抵触而导致部分无效,不影响其他部分的效力。
协议发布日期:2016年1月13日星期三JS实现的表单提交按钮点击一次后自动变灰,防止多次提交
很实用的一个功能,当我们提交完表单后,一般要过几秒钟才会有返回结果,为了防止多次提交,只要点击提交按钮后,按钮就自动变成灰色,无法再次提交
&title&表单按钮自动变灰 站长学院 &/title&
&script language=&javascript&&
function check(){
if(!send){
alert(&发送表单!&);
alert(&你已经发送过一次表单了,不能再发送!&);
&form name=&form1& action=&& onSubmit=&return check()&&
姓名:&input type=&text& name=&name&&
&input type=&submit& value=&发送&&
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
相关表单按钮信息:
&Since:2011

我要回帖

更多关于 表单提交按钮 的文章

 

随机推荐