JavaScript将指定文本写入到指定<span>中
比如说这样，当光标处于邮箱文本框的时候，在文本框后我有一个<span></span>用于存放提示信息的。光标处于邮箱输入框的时候，提示请填写邮箱地址。然后再用正则表达式去...
比如说这样，当光标处于邮箱文本框的时候，在文本框后我有一个<span></span>用于存放提示信息的。
光标处于邮箱输入框的时候，提示 请填写邮箱地址。
然后再用正则表达式去进行判断，如果输入的不是邮箱地址，提示请输入正确的邮箱地址。直到输入的是邮箱地址后提示成功。源码我丢上来吧。
<div class="content_container">
<div class="account_content">
<div class="a_content_title">修改邮箱/密码</div>
<div class="a_content_container">
<div class="a_container_name">
<div class="a_container_tips">邮箱：</div>
<input type="email" class="input_text" id="text_email" onblur="checkEmail()"/>
<span class="attetion_icons">*</span>
<span id="erro_info"></span>
</div>
<button type="submit" class="btn_submit">点击更改</button>
</div>
</div>
</div>
<script>
function checkEmail(){
var email=document.getElementById("text_email").value;
if(email==0){
alert("请填写邮箱地址");
}
}
</script> 展开
光标处于邮箱输入框的时候，提示 请填写邮箱地址。
然后再用正则表达式去进行判断，如果输入的不是邮箱地址，提示请输入正确的邮箱地址。直到输入的是邮箱地址后提示成功。源码我丢上来吧。
<div class="content_container">
<div class="account_content">
<div class="a_content_title">修改邮箱/密码</div>
<div class="a_content_container">
<div class="a_container_name">
<div class="a_container_tips">邮箱：</div>
<input type="email" class="input_text" id="text_email" onblur="checkEmail()"/>
<span class="attetion_icons">*</span>
<span id="erro_info"></span>
</div>
<button type="submit" class="btn_submit">点击更改</button>
</div>
</div>
</div>
<script>
function checkEmail(){
var email=document.getElementById("text_email").value;
if(email==0){
alert("请填写邮箱地址");
}
}
</script> 展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>邮箱验证</title>
<script>
window.onload = function()
{
var oTxt1 = document.getElementById('txt1');
var oBtn1 = document.getElementById('btn1');
var oInfo = document.getElementById('info');
var re;
oTxt1.onfocus = function(){
oInfo.innerHTML = "请输入邮箱，形式如: hello_@qq.com";
}
oBtn1.onclick = function()
{
re = /^\w+@[a-z0-9]+\.[a-z]{2,4}$/; //验证邮箱的正则表达式
if( oTxt1.value.search(re) != -1)
oInfo.innerHTML = "输入邮箱合法";
else
oInfo.innerHTML = "输入邮箱不合法";
}
}
</script>
</head>
<body>
<input type="text" id="txt1">
<input type="button" id="btn1" value="验证邮箱" ><br /><br />
<span id = "info" style="color: red;"></span>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>邮箱验证</title>
<script>
window.onload = function()
{
var oTxt1 = document.getElementById('txt1');
var oBtn1 = document.getElementById('btn1');
var oInfo = document.getElementById('info');
var re;
oTxt1.onfocus = function(){
oInfo.innerHTML = "请输入邮箱，形式如: hello_@qq.com";
}
oBtn1.onclick = function()
{
re = /^\w+@[a-z0-9]+\.[a-z]{2,4}$/; //验证邮箱的正则表达式
if( oTxt1.value.search(re) != -1)
oInfo.innerHTML = "输入邮箱合法";
else
oInfo.innerHTML = "输入邮箱不合法";
}
}
</script>
</head>
<body>
<input type="text" id="txt1">
<input type="button" id="btn1" value="验证邮箱" ><br /><br />
<span id = "info" style="color: red;"></span>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将你js判断的alert换成如下：
document.getElementById('span_id').innerHTML="请填写邮箱地址"
document.getElementById('span_id').innerHTML="请填写邮箱地址"
追问
求正则...
追答
var filter=/^\s*([A-Za-z0-9_-]+(\.\w+)*@(\w+\.)+\w{2,3})\s*$/;
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
