如何实现

发布网友 发布时间:2022-04-25 19:00

我来回答

1个回答

热心网友 时间:2023-10-12 11:59

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Email格式验证并在后方输出</title>
<script type="text/javascript">
function cI(str){
document.getElementById("mess").innerHTML = str;
}
function check()
{
    var str= document.getElementById("email").value;
    if(str != "" && str.indexOf("@")!=-1 && 
str.match(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)){
//你可以将下面字符串中改成图片
        cI("<font color='green'>√</font>");
}else{
//这个可以对应错误的图片
cI("<font color='red'>×</font>")
}
}
</script>
</head>
<body>
<label>email验证
<input type="text" id="email" onBlur="check()"/><span id="mess"></span>
</label>
</body>
</html>



上面的是一个比较完整的HTML代码范例,只要在输入框中录入完邮件,当焦点失去后便会对录入结果进行验证。


代码中标示着注释,你可以按照注释修改;


实现的过程可以说是一目了然,你分析一下,很容易就能够插入到你自己的代码中去。

追问我之前已经用图片实现了,可是其实并不是这么做的,那个不是图片来的。

追答不是图片会是什么?我写过太多的代码了,从来没看过存在这样的字符啊。

另外,我怀疑你所说的不是图片,是不是它用了new Image() 或者是用了base编码了的图片,你倒是把关键一点的代码放上来呀,就这么问,我们比你还糊涂啊,亲!

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com