关于js 提交按钮的问题
2008-06-05 09:34
316 查看
<input type="submit" name="zhuce" onclick="zhuce()" value="注册"/>
name不能用zhuce因为这样会与js方法名发生冲突
---
至于为什么不能验证,在于一个思路和语法问题
你写成 type=submit 时 只要你一点这个控件 form就提交了,所以onclick事件不会影响form的提交,验证方法自然也就无效了
提供两个解决方法
1. 把type改在button
<input type="button" name="zh" onclick="zhuce()" value="注册"/>
这样在点“注册时”就不会自动提交
但是在function zhuce中的验证成功时提交form
如:if(验证通过){from.submit();}
2.去掉onclick事件,
<input type="submit" name="zhu" value="注册"/>
而在<from>中加上提交事件,
<form method="post" name="form2" action="zhuce.jsp" onsubmit=" return zhuce();">
也就是就在form提交之前,先验证数据合法性
这也是比方法1较正规的解决方法
要注意 是return zhuce(); 而不是zhuce();
并且也要在function zhuce中改一下返回值,js方法默认返回true
所在在验证失败是要显式的teturn false;
这样,当onsubmit事件返回false时,form就不提交了;反之,正常提交
name不能用zhuce因为这样会与js方法名发生冲突
---
至于为什么不能验证,在于一个思路和语法问题
你写成 type=submit 时 只要你一点这个控件 form就提交了,所以onclick事件不会影响form的提交,验证方法自然也就无效了
提供两个解决方法
1. 把type改在button
<input type="button" name="zh" onclick="zhuce()" value="注册"/>
这样在点“注册时”就不会自动提交
但是在function zhuce中的验证成功时提交form
如:if(验证通过){from.submit();}
2.去掉onclick事件,
<input type="submit" name="zhu" value="注册"/>
而在<from>中加上提交事件,
<form method="post" name="form2" action="zhuce.jsp" onsubmit=" return zhuce();">
也就是就在form提交之前,先验证数据合法性
这也是比方法1较正规的解决方法
要注意 是return zhuce(); 而不是zhuce();
并且也要在function zhuce中改一下返回值,js方法默认返回true
所在在验证失败是要显式的teturn false;
这样,当onsubmit事件返回false时,form就不提交了;反之,正常提交
相关文章推荐
- 关于js中按钮类型是image时表单验证问题---点击一次可以验证再次点击直接提交--的问题
- 关于FlexPaper 2.1.2版本 二次开发 Logo 、打印、搜索、缩略图、添加按钮、js交互、右键菜单等相关问题
- 关于FlexPaper 2.1.2版本 二次开发 Logo 、打印、搜索、缩略图、添加按钮、js交互、右键菜单、书签等相关问题
- 用js提交表单解决一个页面有多个提交按钮的问题
- asp.net关于WEB端用户重复提交问题。禁用服务器控件按钮问题。
- 关于html控件和服务器控件摁回车后提交按钮的问题
- 关于js动态添加的表单元素,提交表单后接收不到的问题
- 关于ASP.NET中按钮提交后textbox不能赋值的问题
- 关于js返回按钮的问题
- asp.net关于WEB端用户重复提交问题。禁用服务器控件按钮问题。
- 【JS】关于表单提交前验证的方法和可能遇到的问题总结
- 提交按钮的name='submit'引起的js失效问题及原因
- 关于js传递中文与js提交表单问题
- 关于js截获form表单并提交的问题
- 微信js-sdk:关于menuItem:delete按钮无法显示的问题
- 关于js中处理时间戳和图片预加载的问题自动提交
- 最近做老师作业遇到的问题关于单选按钮表单提交及验证码还有struts2乱码
- 关于使用js进行表单提交操作引发的表单重复提交问题
- js解决按钮被多次点击的问题(微信支付-支付提交)
- 用js提交表单解决一个页面有多个提交按钮的问题