web表单提交前用JavaScript验证

最新推荐文章于 2022-06-20 20:07:16 发布

谢泽豪

最新推荐文章于 2022-06-20 20:07:16 发布

阅读量405

点赞数

分类专栏： web前端的笔记

本文链接：https://blog.csdn.net/qq_19306197/article/details/52398790

版权

web前端的笔记专栏收录该内容

37 篇文章 2 订阅

订阅专栏

网上一大堆了，自己做个笔记。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<script type="text/javascript">
	
	function check(form){
		if (form.userid.value=="") {
			alert("请输入用户名");
			form.userid.focus();
			return false;
		}

		if (form.pws.value=="") {
			alert("请选择密码");
			form.psw.focus();
			return false;
		}

		return true;
	}
</script>
</head>
<body>

<div class="container">
	<form action="#" method="get" name="form">

		<div class="form-group">
			<label class="col-sm-2 control-label">用户名：</label>
			<div class="col-sm-10">
				<input type="text" name="userid" id="userid" class="form-control">
			</div>
		</div>

		<div class="form-group">
			<label class="col-sm-2 control-label">
				密码：
			</label>
			<div class="col-sm-10">
				<select class="form-control" name="psw" id="psw" >
				</select>
			</div>
		</div>

		<input <span style="color:#FF0000;">οnclick="return check(this.form)"</span> type="submit" name="" class="btn btn-info" value="修改保单">

	</form>
</div>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

增加一个单选框验证吧！！

       function check(form){
		var count=0;
		var radios=document.getElementsByName("Policy_Code");

		for(var i=0;i<radios.length;i++){
			if (radios[i].checked==true) {
				count++;
			}
		}

		// document.write(count);

		if (count) {
			return true;
			
		}else{
			alert("请选择产品");
			return false;
		}

		
	}

谢泽豪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web表单提交前用JavaScript验证

网上一大堆了，自己做个笔记。Insert title here function check(form){ if (form.userid.value=="") { alert("请输入用户名"); form.userid.focus(); return false; } if (form.pws.value=="") { alert(
复制链接

扫一扫

专栏目录