form对象的onsubmit事件
2011-07-12 15:29
106 查看
<html >
</head>
<body>
<!--方式一:利用form表单的onsubmit事件提交内容,返回ture就自动提交,false不提交-->
<form name="form1" target="_blank" method="post" onsubmit="dosubmit1(this)">
会员号码（6位数字）:<input type="text" name="mem_id" />
<input type="submit" name="submit1" value="递交" />
</form>
<script language="javascript" type="text/javascript">
function dosubmit1(frm) {
if (frm.mem_id.value.length != 6) {
alert("会员号必须是6位");
return false;
} else {
var mem_value = frm.mem_id.value;
for (var i = 0; i < mem_value.length; i++) {
if (mem_value.charAt(i) < '0' || mem_value.charAt(i) > '9') {
alert("会员号只能是数字");
return false;
}
}
}
//frm.submit(); 会返回两个
return true;
}
</script>
<!--方式二：利用form表单的onsubmit事件提交内容,不利用返回true提交，而用submit()提交-->
<form name="form2" target="_blank" method="post" onsubmit="dosubmit2(this);return false;">
会员号码（6位数字）:<input type="text" name="mem_id" />
<input type="submit" name="submit1" value="递交" />
</form>
<script language="javascript" type="text/javascript">
function dosubmit2(frm) {
if (frm.mem_id.value.length != 6) {
alert("会员号必须是6位");
} else {
var mem_value = frm.mem_id.value;
for (var i = 0; i < mem_value.length; i++) {
if (mem_value.charAt(i) < '0' || mem_value.charAt(i) > '9') {
alert("会员号只能是数字");
}
}
}
frm.submit();
}
</script>
<!--方式三：不利用form表单的onsubmit事件，而利用按钮自身的
<form name="form3" target="_blank" method="post" >
会员号码（6位数字）:<input type="text" name="mem_id" />
<input type="submit" name="submit1" onclick="dosubmit3(this.form);return false;" value="递交" />
</form> <!--this.form上层的表单对象-->
<script language="javascript" type="text/javascript">
function dosubmit3(frm) {
if (frm.mem_id.value.length != 6) {
alert("会员号必须是6位");
} else {
var mem_value = frm.mem_id.value;
for (var i = 0; i < mem_value.length; i++) {
if (mem_value.charAt(i) < '0' || mem_value.charAt(i) > '9') {
alert("会员号只能是数字");
}
}
}
frm.submit();
}
</script>
</body>
</html>
本文出自 “baiyan425” 博客，请务必保留此出处http://baiyan425.blog.51cto.com/1573961/608925
</head>
<body>
<!--方式一:利用form表单的onsubmit事件提交内容,返回ture就自动提交,false不提交-->
<form name="form1" target="_blank" method="post" onsubmit="dosubmit1(this)">
会员号码（6位数字）:<input type="text" name="mem_id" />
<input type="submit" name="submit1" value="递交" />
</form>
<script language="javascript" type="text/javascript">
function dosubmit1(frm) {
if (frm.mem_id.value.length != 6) {
alert("会员号必须是6位");
return false;
} else {
var mem_value = frm.mem_id.value;
for (var i = 0; i < mem_value.length; i++) {
if (mem_value.charAt(i) < '0' || mem_value.charAt(i) > '9') {
alert("会员号只能是数字");
return false;
}
}
}
//frm.submit(); 会返回两个
return true;
}
</script>
<!--方式二：利用form表单的onsubmit事件提交内容,不利用返回true提交，而用submit()提交-->
<form name="form2" target="_blank" method="post" onsubmit="dosubmit2(this);return false;">
会员号码（6位数字）:<input type="text" name="mem_id" />
<input type="submit" name="submit1" value="递交" />
</form>
<script language="javascript" type="text/javascript">
function dosubmit2(frm) {
if (frm.mem_id.value.length != 6) {
alert("会员号必须是6位");
} else {
var mem_value = frm.mem_id.value;
for (var i = 0; i < mem_value.length; i++) {
if (mem_value.charAt(i) < '0' || mem_value.charAt(i) > '9') {
alert("会员号只能是数字");
}
}
}
frm.submit();
}
</script>
<!--方式三：不利用form表单的onsubmit事件，而利用按钮自身的
<form name="form3" target="_blank" method="post" >
会员号码（6位数字）:<input type="text" name="mem_id" />
<input type="submit" name="submit1" onclick="dosubmit3(this.form);return false;" value="递交" />
</form> <!--this.form上层的表单对象-->
<script language="javascript" type="text/javascript">
function dosubmit3(frm) {
if (frm.mem_id.value.length != 6) {
alert("会员号必须是6位");
} else {
var mem_value = frm.mem_id.value;
for (var i = 0; i < mem_value.length; i++) {
if (mem_value.charAt(i) < '0' || mem_value.charAt(i) > '9') {
alert("会员号只能是数字");
}
}
}
frm.submit();
}
</script>
</body>
</html>
本文出自 “baiyan425” 博客，请务必保留此出处http://baiyan425.blog.51cto.com/1573961/608925
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Struts2 form表单的action和onsubmit事件说明
- 关于表单form元素中onsubmit事件处理机制的认识
- js设置form的onsubmit事件
- form的onsubmit事件--表单提交前的验证最佳实现方式
- form的onsubmit事件--表单提交前的验证最佳实现方式
- form的onsubmit事件--表单提交前的验证最佳实现方式
- form表单的action和onsubmit事件说明
- 在jsp中form的onsubmit事件,onsubmit="return 方法名()"，编译环境报错的解决办法
- form的onsubmit事件--表单提交前的验证最佳实现方式
- form的onsubmit事件--表单提交前的验证最佳实现方式(
- form的onsubmit事件--表单提交前的验证最佳实现方式
- 【onsubmit】Form表单onsubmit事件用法详解
- form的onsubmit事件--表单提交前的验证最佳实现方式
- form的onsubmit事件--表单提…
- form表单中onclick事件和onsubmit事件的执行顺序
- js设置form的onsubmit事件
- 经查证，直接调用Form的submit()方法， 并不会触发onSubmit事件
- 一直以为使用js自动触发的form提交也会触动onsubmit事件,原来不会
- form的onsubmit事件--表单提交前的验证实现方式
- form的onsubmit事件--表单提交前的验证最佳实现方式