您的位置：首页 > Web前端 > JavaScript

Html表单验证（纯js）

2016-05-27 16:29 741 查看

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>
<title>用户登录</title>
<script language="javascript" type="text/javascript">
function sub()
{
var user = document.userform.user.value;
var pass = document.userform.pass.value;

if(user=="")
{
document.getElementById('usertag').innerText='用户名不能为空!';
return ;
}else if(pass=="")
{
document.getElementById('passtag').innerText='密码不能为空!';
return;
}else
{
document.userform.submit();
}

}
</script>
</head>
<body>
<form action="#" method="post" name="userform">
用户名：<input type="text" name="user" style="width: 80px" /><span id="usertag"></span><br>
密码：<input type="text" name="pass" style="width: 80px" /><span id="passtag"></span><br>
<input type="button" name="login" value="提交"  onClick="sub()"  />
</form>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 表单 javascript

相关文章推荐

新的分享

章节导航