js判断所有表单项不为空则提交表单的实现方法
demo1.html
<html>
<head>
<title>提交表单页</title>
<scripttype="text/javascript">
functionmyCheck()
{
for(vari=0;i<document.form1.elements.length-1;i++)
{
if(document.form1.elements[i].value=="")
{
alert("当前表单不能有空项");
document.form1.elements[i].focus();
returnfalse;
}
}
returntrue;
}
</script>
</head>
<body>
<formname="form1"method="post"action="page2.html"onSubmit="returnmyCheck()">
用户名:<inputtype="text"name="username"><br>
性别:<inputtype="text"name="sex"><br>
出生时间:<inputtype="text"name="birthday"><br>
<inputtype="submit"value="提交">
</form>
</body>
</html>
demo2.html
<scriptlanguage="Javascript">
<!--
functionsubmit1(frm){
if(document.frm.word.value==""){
alert("请输入搜索新闻内容！");document.frm.word.focus();returnfalse;
}
returntrue;
}
//-->
</script>
<formmethod="POST"action=""name="frm"onsubmit="returnsubmit1(this);">
<selectname="select0">
<optionvalue="0">请选择一个类别</option>
<optionvalue="1">新闻</option>
<optionvalue="2">产品</option>
<optionvalue="3">留言</option>
</select>
<inputtype="text"name="word"size="20"class="input"style="height:19px;">
<inputtype="radio"name="sea_cat"value="标题">标题
<inputtype="radio"name="sea_cat"value="内容">内容
<inputtype="submit"value="搜"name="B1"class="input1">
demo3.html
<scripttype="text/javascript">
functionbeforeSubmit(form){
if(form.username.value==''){
alert('用户名不能为空！');
form.username.focus();
returnfalse;
}
if(form.password.value==''){
alert('密码不能为空！');
form.password.focus();
returnfalse;
}
if(form.password.value.length<6){
alert('密码至少为6位，请重新输入！');
form.password.focus();
returnfalse;
}
if(form.password.value!=form.password2.value){
alert('你两次输入的密码不一致，请重新输入！');
form.password2.focus();
returnfalse;
}
returntrue;
}
</script>
<fieldset>
<legend>用户注册</legend>
<formmethod="post"name="form"action="user.do?method=register"onSubmit="returnbeforeSubmit(this);">
<tableborder="1"width="100%"cellspacing="0"cellpadding="0">
<tr><td><label>用户名：<inputtype="text"name="username"value=""></label></td></tr>
<tr><td><label>密码：<inputtype="password"name="password"value=""></label></td></tr>
<tr><td><label>重复密码：<inputtype="password"name="password2"value=""></label></td></tr>
<tr><td><inputvalue="注册"type="submit"><inputtype="reset"value="重置"></td></tr>
</table>
</form>
</fieldset>
以上这篇js判断所有表单项不为空则提交表单的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。