Jsp结合Js进行页面验证 20
用Js判断输入的用户名、密码、邮箱什么的信息的格式是不正确，不正确的话不能提交这该怎么做？求大仙指教.....
用Js判断输入的用户名、密码、邮箱什么的信息的格式是不正确，不正确的话不能提交这该怎么做？求大仙指教..
展开
2个回答
展开全部
<body>
<form method="post" name="form1" action="" onSubmit="return check()">
<p><span class="style2">用户名</span>：
<input height="24px"type="text" name="UserName" id="UserName">
</p>
<p class="style2">性别：
<input name="gender" type="radio" value="radiobutton" checked>
男
<input name="gender" type="radio" value="radiobutton">
女 </p>
<p><span class="style2">密码： </span>
<input height="24px" name="paswd" type="text" id="paswd"></p>
<p><span class="style2">确认密码</span>：
<input height="24px" type="text" name="repaswd" id="repaswd"></p>
<p><span class="style2">学<span class="style2">历： </span></span>
<span class="style2">
<select name="education">
<option>本科以上</option>
<option>大学本科</option>
<option>大专</option>
<option>中专</option>
<option>高中</option>
<option>初中</option>
</select>
</span></p>
<p><span class="style2">电子邮件</span>： <input height="24px" type="text" name="email" id="eml"></p>
<p><span class="style2">我的爱好</span>： <select name="education">
<option>唱歌</option>
<option>跳舞</option>
<option>散步</option>
<option>武术</option>
<option>书法</option>
<option>绘画</option>
</select></p>
<p><span class="style2">喜欢的歌曲</span>：
<input height="24px" name="gequ" type="text" id="gequ" onclick="javascript:alert('当密码被盗或丢失时找回密码');return false;"></p>
<p><span class="style2">我的职业</span>：
<input height="24px" name="zhiye" type="text" id="zhiye" onclick="javascript:alert('当密码被盗或丢失时找回密码');return false;"> </p>
<p> </p>
<p align="left">
<input name="submit2" type="submit" onClick="vbscript:ChkRegirst()" value="提交">
<input type="reset" name="submit" value="重置"> </p>
</form>
</body>
<script type="text/javascript">
function check()
{
var name = document.getElementById('UserName').value;
var paswd = document.getElementById('paswd').value;
var repaswd = document.getElementById('repaswd').value;
var len = paswd.length;
/*var preg = /\w{6,7,8,9,10,11,12,13,14,15}/;
var f = paswd.match(preg);
alert(f); return false;*/
var email = document.getElementById('eml').value;
var reg = /^\w+@\w+.\w+$/;
var flag = email.match(reg);
if (name == '')
{
alert('用户名不能为空');
return false;
}
if (paswd == '')
{
alert('密码不能为空');
return false;
}
if (len<6 || len>16)
{
alert('密码必须在6-16个字符之间');
return false;
}
if (paswd != repaswd)
{
alert('两次输入的密码不一致');
return false;
}
if (flag == null)
{
alert('邮箱格式不正确');
return false;
}
}
</script>
<form method="post" name="form1" action="" onSubmit="return check()">
<p><span class="style2">用户名</span>：
<input height="24px"type="text" name="UserName" id="UserName">
</p>
<p class="style2">性别：
<input name="gender" type="radio" value="radiobutton" checked>
男
<input name="gender" type="radio" value="radiobutton">
女 </p>
<p><span class="style2">密码： </span>
<input height="24px" name="paswd" type="text" id="paswd"></p>
<p><span class="style2">确认密码</span>：
<input height="24px" type="text" name="repaswd" id="repaswd"></p>
<p><span class="style2">学<span class="style2">历： </span></span>
<span class="style2">
<select name="education">
<option>本科以上</option>
<option>大学本科</option>
<option>大专</option>
<option>中专</option>
<option>高中</option>
<option>初中</option>
</select>
</span></p>
<p><span class="style2">电子邮件</span>： <input height="24px" type="text" name="email" id="eml"></p>
<p><span class="style2">我的爱好</span>： <select name="education">
<option>唱歌</option>
<option>跳舞</option>
<option>散步</option>
<option>武术</option>
<option>书法</option>
<option>绘画</option>
</select></p>
<p><span class="style2">喜欢的歌曲</span>：
<input height="24px" name="gequ" type="text" id="gequ" onclick="javascript:alert('当密码被盗或丢失时找回密码');return false;"></p>
<p><span class="style2">我的职业</span>：
<input height="24px" name="zhiye" type="text" id="zhiye" onclick="javascript:alert('当密码被盗或丢失时找回密码');return false;"> </p>
<p> </p>
<p align="left">
<input name="submit2" type="submit" onClick="vbscript:ChkRegirst()" value="提交">
<input type="reset" name="submit" value="重置"> </p>
</form>
</body>
<script type="text/javascript">
function check()
{
var name = document.getElementById('UserName').value;
var paswd = document.getElementById('paswd').value;
var repaswd = document.getElementById('repaswd').value;
var len = paswd.length;
/*var preg = /\w{6,7,8,9,10,11,12,13,14,15}/;
var f = paswd.match(preg);
alert(f); return false;*/
var email = document.getElementById('eml').value;
var reg = /^\w+@\w+.\w+$/;
var flag = email.match(reg);
if (name == '')
{
alert('用户名不能为空');
return false;
}
if (paswd == '')
{
alert('密码不能为空');
return false;
}
if (len<6 || len>16)
{
alert('密码必须在6-16个字符之间');
return false;
}
if (paswd != repaswd)
{
alert('两次输入的密码不一致');
return false;
}
if (flag == null)
{
alert('邮箱格式不正确');
return false;
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html中的onclick事件，加上一个return false
onclick="funcLogin();return false;"
在JS中如果你的条件正确就执行submit();就行了
function funcLogin(){
if (document.formLogin.sname.value == "" ||
document.formLogin.snum.value == ""){
alert("输入你的学号和姓名！");
}
else{
var msg = "姓名 ";
msg += document.formLogin.sname.value;
msg += " 学号 ";
msg += document.formLogin.snum.value;
msg += ",是否登录?";
if (confirm(msg)){
submit();
}
}
}
onclick="funcLogin();return false;"
在JS中如果你的条件正确就执行submit();就行了
function funcLogin(){
if (document.formLogin.sname.value == "" ||
document.formLogin.snum.value == ""){
alert("输入你的学号和姓名！");
}
else{
var msg = "姓名 ";
msg += document.formLogin.sname.value;
msg += " 学号 ";
msg += document.formLogin.snum.value;
msg += ",是否登录?";
if (confirm(msg)){
submit();
}
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
