怎样用html表单提交前用js来判断数据？
HTML表单要求用户填写一个文本框，如果填写的内容不是预设的3个字符串则会提示重新填写，代码是怎样的？...
HTML表单要求用户填写一个文本框，如果填写的内容不是预设的3个字符串则会提示重新填写，代码是怎样的？
展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript">
function sub(){
var pass1 = $(":text:eq(0)").val();
var pass2 = $(":text:eq(1)").val();
var pass3 = $(":text:eq(2)").val();
if("aaa"==pass1 && "bbb"==pass2 && "ccc"==pass3){
return true;
}else{
layer.msg("输入错误 请依次输入aaa,bbb,ccc",function(){});
return false;
}
}
</script>
</head>
<body>
<div >
<form action="reg" method="post" onsubmit="return sub()">
<div >
<div >输入数据的判断</div>
<div >
<p><input type="text" name="reg_ue" placeholder="请输入aaa"></p>
<p><input type="text" name="reg_pd" placeholder="请输入bbb"></p>
<p><input type="text" name="reg_ne" placeholder="请输入ccc"></p>
</div>
<div >
<button class="btn btn-danger btn-lg btn-block">注册</button>
</div>
</div>
</form>
</div>
</body>
</html>
//这样可以吗
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript">
function sub(){
var pass1 = $(":text:eq(0)").val();
var pass2 = $(":text:eq(1)").val();
var pass3 = $(":text:eq(2)").val();
if("aaa"==pass1 && "bbb"==pass2 && "ccc"==pass3){
return true;
}else{
layer.msg("输入错误 请依次输入aaa,bbb,ccc",function(){});
return false;
}
}
</script>
</head>
<body>
<div >
<form action="reg" method="post" onsubmit="return sub()">
<div >
<div >输入数据的判断</div>
<div >
<p><input type="text" name="reg_ue" placeholder="请输入aaa"></p>
<p><input type="text" name="reg_pd" placeholder="请输入bbb"></p>
<p><input type="text" name="reg_ne" placeholder="请输入ccc"></p>
</div>
<div >
<button class="btn btn-danger btn-lg btn-block">注册</button>
</div>
</div>
</form>
</div>
</body>
</html>
//这样可以吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
