Aug 03
作者: 肖建彬 | 可以转载, 转载时务必以超链接形式标明文章原始出处和作者信息及版权声明
网址：http://www.xiaojb.com/archives/it/javascript_checkform.shtml
网址：http://www.xiaojb.com/archives/it/javascript_checkform.shtml
使用js校验表单的内容，遇到错误后校验函数需要退出，有的使用return，有的时候是return false，总结了一下，凡是点击了submit按钮的，必须使用return false，其他情况使用return即可。
点击submit按钮的，无论submit按钮的onclick事件触发，还是form的onsubmit，调用校验函数时必须是”return func()”。
非submit()事件触发的例子:
<form method="GET" name="form1" >
用户名：<input type="text" name="username" value="" id="username"/>
<a onclick="checkform();" style="cursor:pointer">提交</a>
</form>
<script type="text/javascript">
function checkform(){
var v = document.getElementById("username");
if(v.value==''){
alert('请输入用户名');
v.focus();
return
}
form1.submit();
}
</script>
用户名：<input type="text" name="username" value="" id="username"/>
<a onclick="checkform();" style="cursor:pointer">提交</a>
</form>
<script type="text/javascript">
function checkform(){
var v = document.getElementById("username");
if(v.value==''){
alert('请输入用户名');
v.focus();
return
}
form1.submit();
}
</script>
submit出发的例子：
<form method="GET" name="form1" onsubmit="return checkform()">
用户名：<input type="text" name="username" value="" id="username"/>
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
function checkform(){
var v = document.getElementById("username");
if(v.value.length == 0){
alert('请输入用户名');
v.focus();
return false;
}
return true;
}
</script>
用户名：<input type="text" name="username" value="" id="username"/>
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
function checkform(){
var v = document.getElementById("username");
if(v.value.length == 0){
alert('请输入用户名');
v.focus();
return false;
}
return true;
}
</script>
Recent Comments