在javascript怎么加正则表达式和解开每一个disabled 并且输入错误在后面追加显示错误提示 5

求案例... 求案例展开

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

雨下苏岩
2014-09-20 · TA获得超过117个赞

知道小有建树答主

回答量：141

采纳率：85%

帮助的人：48.3万

我也去答题访问个人页

关注

展开全部

这个很简单啊
你看：E-mail: <input type="text" name="email" id="em" size="50" onblur="y(this.value)">

js：
function y(email){
var isemail=/^\w+([-\.]\w+)*@\w+([\.-]\w+)*\.\w{2,4}$/;
if(email==""){
document.getElementById("e").innerHTML="请输入邮箱";
}else{
if(!isemail.test(email)){
document.getElementById("e").innerHTML="邮箱格式不正确";
return false;
}else{
document.getElementById("e").innerHTML="";
}
}
}

使用哪个正则验证邮箱
错误提示的话，我把代码贴出来你看就知道了：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>blog</title>
<style type="text/css">
body{
background-image: url(img/body.jpg);
}
#name{
position: relative;
top:20%;
margin-left: 20px;
}
#pwd{
position: relative;
top:20%;
margin-left: 20px;

}
#txt{
position: absolute;
top:30%;
}
#yzm{
position: relative;
margin-left: 2px;

}

.user-name,.pass-word,.yzm{
background: #fff;
padding: 4px 0;
border: 2px solid #e1e1e1;
margin-bottom: 20px;
font-weight: normal;/*设置文本的粗细*/
text-indent: 38px;/*文本的首行缩进*/
outline: 0;
font-size:20px;
*line-height: 20px;/*文本的行高*/
}
.yzm{
background: #fff;
padding: 4px 0;
border: 2px solid #e1e1e1;
margin-bottom: 20px;
font-weight: normal;/*设置文本的粗细*/
text-indent: 10px;/*文本的首行缩进*/
outline: 0;
font-size:20px;
*line-height: 20px;/*文本的行高*/
}
#username{
background-image: url(img/suo.jpg) ;
background-repeat: no-repeat;
background-position: left;

}
#password{
background-image: url(img/key.jpg) ;
background-repeat: no-repeat;
background-position: left;
}
#login{
position: absolute;
left: 60%;
top:100px;
}
#h{
position:absolute;
top:8%;
margin-left: 20px;

}
#random{
position: relative;
top:-55px;
width:24%;
height:30px;

padding: 2px;
color: red;
text-align: center;
left:48%;
background-color: #FFD39B;
}
#im1{
position: relative;
top:6px;
}
#login{
width:29%;
height:67%;
background-color: white;
position: relative;
top: -20%;

}
.Loggin{
background: #dc3c00;
display: block;
height: 44px;
line-height: 44px;
color: #fff;
text-align: center;
margin-top: 20px;
font-size: 1.5em;
text-decoration: none;
clear: both;
width: 73%;
border: none;
}
#yzm_id{
position: absolute;
top:50px;
left:5px;
}
#photo{
width: 110%;
height: 85%;
/*-moz-box-shadow:3px 3px 4px #000;
-webkit-box-shadow:3px 3px 4px #000;
box-shadow:3px 4px 3px 4px #000;*/
position: absolute;
right: 140%;
top:0;
}
</style>
<script type="text/javascript">
window.onload=function(){
var date=new Date();
var h=date.getHours();
if(h<12){
document.getElementById("data").innerText="早上好！"
}else{
document.getElementById("data").innerText="下午好！"
}
}
function f(){
var code="";
var arr=[0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','a','b','c','d','e','f','g','h','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','i'];
var randomlength=5;
for(var i=0;i<randomlength;i++){
var charIndex=Math.floor(Math.random()*62);
code+=arr[charIndex];
document.getElementById("random").style.fontFamily="微软雅黑";
document.getElementById("random").style.letterSpacing="3px";
document.getElementById("random").innerText=code;
}
}
function random(){
f();
}
function Name(name){
var username=name.trim();
if(name!="123"){
document.getElementById("myname").innerHTML="<span id='myname' style='font-size:10px;color:#FF0000'><img src='img/error.jpg' style='position:relative;top:4px;'>姓名错误!</span>";
return;
}else{
succsave=true;
document.getElementById("myname").innerHTML="<span id='myname'><img src='img/yes.jpg' style='position:relative;top:4px;'></span>";
}
}
function Pwd(pwd){
var pwd=pwd.trim();
if(pwd!=123){
document.getElementById("pwd1").innerHTML="<span id='myname' style='font-size:10px;color:#FF0000'><img src='img/error.jpg' style='position:relative;top:4px;'>密码错误!</span>";
return;
}else{
succsave=true;
document.getElementById("pwd1").innerHTML="<span id='myname'><img src='img/yes.jpg' style='position:relative;top:4px;'></span>";
}
}
var succsave;
function yz(yzm){
var random=document.getElementById("random").innerText;
if(yzm.toUpperCase()!=random.toUpperCase()){
document.getElementById("yzm_id").innerHTML="<span style='color:red'><img src='img/error.jpg' id='yzm_img' style='position:relative;top:4px;'>验证码错误！</span>";
}else{
document.getElementById("yzm_id").innerHTML="<span style='color:red'><img src='' id='yzm_img' style='position:relative;top:4px;'></span>";
succsave=true;
}
}

function Loggin(){
if(succsave==true){
window.location.href="jquery1.html";
}
}
</script>
</head>
<body onload="f()">
<div style="width:300px;height:300px;">
<marquee id="data"></marquee>
</div>

<div id="login">
<div id="h"><h3 style="color:#EEE0E5">账号登陆</h3></div>
<div id="name">
<input id="username" placeholder="输入用户名/邮箱" class="user-name" tabindex="1" type="text" style="width:73%" onblur="Name(this.value)"/><span id="myname" style="font-size:14px;"><img src="" id="im1"></span>
</div>

<div id="pwd">
<input id="password" tabindex="2" placeholder="输入密码" class="pass-word" type="password" autocomplete="off" style="width:73%" onblur="Pwd(this.value)" /><span id="pwd1" style="font-size:14px;"><img src=""></span>
<div id="txt"></div>

<div id="yzm">
<input type="text" id="yzm" class="yzm" tabindex="3" placeholder="输入验证码" id="yz" tabindex="3" autocomplete="off" style="width:42%" onblur="yz(this.value)" />
<div id="random" onclick="random()"></div>
<span id="yzm_id"><img src="" id="yzm_img"></span>
</div>
<input type="button" class="Loggin" value="登录" tabindex="4" onclick="Loggin()" />
</div>
<div id="photo"><img src="img/login-banner.png"></div>
</div>
</body>
</html>

本回答由网友推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

在javascript怎么加正则表达式 和解开每一个disabled 并且输入错误在后面追加显示错误提示 5

其他类似问题

为你推荐：

在javascript怎么加正则表达式和解开每一个disabled 并且输入错误在后面追加显示错误提示 5