onsubmit getElementById getElementByName

最新推荐文章于 2021-04-14 15:58:43 发布

原创最新推荐文章于 2021-04-14 15:58:43 发布 · 492 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #表单 #function

Javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了网站用户注册页面的实现逻辑，包括输入验证、表单提交控制及前端表单元素的基本使用。

<script type="text/javascript">
    function check(){
    	var username = document.getElementById("username").value;
    	if(username==null||username==""){
    		alert("用户名不能为空!");
    		return false;
    	}
    }
</script>
</head>
<body>
<h1>estore用户注册</h1>
<form action="/RegistServlet" method="post" onsubmit="return check();">
	<table>
		<tr>
			<td>用户名</td>
			<td><input type="text" name="username" id="username"/></td>
		</tr>
		<tr>
			<td><input type="submit" value="注册"></td>
			<td><input type="reset" value="重置"></td>
		</tr>
	</table>
</form>

1：onsubmit="return check();" 必须有return，否则表单无论如何都会提交，onsubmit默认返回TRUE

2：ID为唯一属性，不能重复，name则可以重复，所以

getElementById获得的是唯一的值

getElementByName获得的是数组，即使表单中只有唯一的name属性