简单的表单校验

最新推荐文章于 2024-06-10 22:18:41 发布

离弃。

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量61

点赞数

文章标签： javascript form

本文链接：https://blog.csdn.net/faithinmyheart/article/details/102785777

版权


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
	</head>
	<body>
	//第一种方法其实很简单的，就是利用了onsubmit提交事件
	//让form中check()这个方法return ture就行的，就可以实现form表单的提交，如果返回false，表单无法提交
	//文档中action是当表单提交时跳转的页面，此处引用百度作为检验
	<script type="text/javascript">
			function check() {
				var a = document.getElementById("name");
				if(a.value == "") {
					alert("请输入用户名");
					return false;
				}
				var b = document.getElementById("password");
				if(b.value == "") {
					alert("请输入密码");
					return false;
				}
				return true;
			}
		</script>
		<form onsubmit="return check()" action="http://www.baidu.com">
			<input id="name" placeholder="请输入用户名" />
			<input id="password" type="password" placeholder="请输入密码" />
			<input type="submit" value="登陆" />
		</form>
		//第二种方法
		//此处用了一个return，以此来提交表单
		<script type="text/javascript">
				function ch(){
					
					var a = document.getElementById("name1");
					if(a.value == "") {
						alert("请输入用户名");
						return;
					}
					var b = document.getElementById("password1");
					if(b.value == "") {
						alert("请输入密码");
						return;
					}
			</script>
			<form id="login" action="http://www.baidu.com">
			<input id="name1" placeholder="请输入用户名" />
			<input id="password1" type="password1" placeholder="请输入密码" />
			</form>
	</body>
</html>

离弃。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的表单校验

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> //第一种方法其实很简单的，就是利用了onsubmit提交事件 //让form中check()这个方法re...
复制链接

扫一扫