onsubmit 返回false 表单还是提交了解决方法

最近遇到了使用onsubmit进行表单提交返回false 表单还是提交到后台,让人百思不得其解

后来找到在submit按钮上添加onclick事件解决了这个问题下:

<input name="提交" type="submit" onClick="return checkvalue();"  value="提交">

第一种解决方法完整的替换onsubmit提交验证表单的测试代码如下:

  <!DOCTYPE HTML>
  <html>
	<script language="javascript">
		function checkvalue(obj){
			var name = document.getElementById('name');
			if(name.value == ''){
				alert('dd');
				name.focus();
				return false;
			}
				return true;
			
		}
	</script>
	<form id="form1" name="form1" method="post" action="index.php" onsubmit="">
		<input type="text" id="name">
		<input name="提交" type="submit" onClick="return checkvalue();"  value="提交">
	</form>
   </html>

上面就是使用在button按钮上做处理。

通常的解决方法如下:

检查onsubmit中的方法使用try catch 检查代码是否有错误,默认onsubmit中的代码出错是返回true的。

try{
        //代码
    }catch(e){
        return false;
    }

用上面代码检查代码是否有问题,我的代码忧郁内容比较多可能干扰onsubmit提交自己写实例测试onsubmit是没有问题

所以上面第一种方法可以解决onsubmit出现的极端问题。

来源://作者:admin/更新时间:2013-11-21
相关文章
评论:
验证码:
匿名评论: