现在的位置: 首页 > 综合 > 正文

js表单不为空才能提交

2017年10月09日 ⁄ 综合 ⁄ 共 2171字 ⁄ 字号 评论关闭

仔细想了想:有三点可以参考

直接上代码:

                

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
      <title>提交表单页</title>
        <script type="text/javascript">
            function myCheck()
            {
               for(var i=0;i<document.form1.elements.length-1;i++)
               {
                  if(document.form1.elements[i].value=="")
                  {
                     alert("当前表单不能有空项");
                     document.form1.elements[i].focus();
                     return false;
                  }
               }
               return true;
              
            }
        </script>
    </head>
    <body>
         <form name="form1" method="post" action="page2.html" onsubmit="return myCheck()">
             用户名:<input type="text" name="username"><br>
             性别:<input type="text" name="sex"><br>
             出生时间:<input type="text" name="birthday"><br>
             <input type="submit" value="提交">
         </form>
    </body>
</html>

________________________________________________________________________________________________________________________________

2.

<%--
网站: <a href="http://www.crazyit.org">疯狂Java联盟</a>
author yeeku.H.lee kongyeeku@163.com
version 1.0
Copyright (C), 2001-2014, yeeku.H.Lee
This program is protected by copyright laws.
Program Name:
Date: 
--%>

<%@ page contentType="text/html;charset=GBK" errorPage="error.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 注册用户 </title>
</head>
<body>
<center>
<div style="width:540px;border:1px solid black;background-color:#ddd">
<form id="regForm" method="post" action="reg.do">
<span style="color:red">
${requestScope.tip}
</span>
<hr/>
<table>
<tr>
	<td colspan="2" align="center">
		请输入用户名和密码完成注册
	</td>
</tr>
<tr>
	<td>用户名:</td>
	<td><input id="name" type="text" name="name" required="true"/></td>
</tr>
<tr>
	<td>密  码:</td>
	<td><input id="pass" type="password" name="pass" required="true"/></td>
</tr>
<tr>
	<td colspan="2" align="center">
		<input type="submit" value="提交"/>
		<input type="reset" value="重设"/>
	</td>
</tr>
</table>
<br/>
<div align="center">
	<a href="index.jsp">登录</a>
</div>
</form>
</div>
</center>
<script type="text/javascript">
	function check()
	{
		var name = document.getElementById("name");
		var pass = document.getElementById("pass");
		var errStr = "";
		if (name.value == "" || name.value == null)
		{
			errStr += "用户名不能为空\n";
		}
		if (pass.value == "" || pass.value == null)
		{
			errStr += "密码不能为空\n";
		}
		if (errStr == "" || errStr == null)
		{
			return true;
		}
		alert(errStr);
		return false;
	}
	document.getElementById("regForm").onsubmit = check;
</script>
</body>
</html>

3.权威版:

【上篇】
【下篇】

抱歉!评论已关闭.