【表单验证】手机号码验证 失去焦点时 显示默认值 focus blur
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> <input type="text" class="username"> <input type="text" id="usertel"> <input type="mail" id="mail">
<input type="mail" id="btn">
<script type="text/javascript"> $(".username").focus(function(){ if($(this).val()==this.defaultValue){ $(this).val(""); $(this).focus(); return false; } }).blur(function(){ if($(this).val()==""){ $(this).val(this.defaultValue); $(this).focus(); return false; } });
$('#btn').click(function(){
var tel = document.getElementById("usertel"); //电话号码验证
var myreg = /^((1[0-9][0-9]{1})|159|153)+\d{8}$/;
if(!myreg.test(tel.value))
{
alert('请输入11位有效的手机号码!');
tel.focus();
return false;
}
var mail= document.getElementById("mail"); //邮箱验证
var reg=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/gi;
if(!reg.test(mail.value))
{
alert("非法的电子邮件");
mail.focus();
return false;
}
}) </script> </body> </html>
给心灵一个纯净空间,让思想,情感,飞扬!