js&jquery验证邮箱和手机号是否正确范例
2015-09-03 18:16
721 查看
实现源码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.daixiaorui.com/Public/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#ck_mobile").click(function(){
var mobile = $("#mobile").val();
if(!check_mobile(mobile)){
alert("手机号码格式不正确");
}else{
alert("手机号码正确");
}
});
$("#ck_email").click(function(){
var email = $("#email").val();
if(!check_email(email)){
alert("email格式不正确");
}else{
alert("email正确");
}
});
})
//检查手机号码
function check_mobile(mobile){
if(mobile.length != 11 || isNaN(mobile)){
return false;
}
mobile = mobile.substr(0,3);
//号段
var hd = new Array
var i = hd.length;
while (i--) {
if (hd[i] == mobile) {
return true;
}
}
return false;
}
//验证邮箱是否正确
function check_email(email){
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!reg.test(email)){
return false;
}else{
return true;
}
}
</script>
<p>手机号:<input type="text" id="mobile" /> <input type="button" value="验证手机号" id="ck_mobile" /></p>
<p>Email:<input type="text" id="email" /> <input type="button" value="验证邮箱格式" id="ck_email" /></p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.daixiaorui.com/Public/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#ck_mobile").click(function(){
var mobile = $("#mobile").val();
if(!check_mobile(mobile)){
alert("手机号码格式不正确");
}else{
alert("手机号码正确");
}
});
$("#ck_email").click(function(){
var email = $("#email").val();
if(!check_email(email)){
alert("email格式不正确");
}else{
alert("email正确");
}
});
})
//检查手机号码
function check_mobile(mobile){
if(mobile.length != 11 || isNaN(mobile)){
return false;
}
mobile = mobile.substr(0,3);
//号段
var hd = new Array
('130','131','132','133','134','135','136','137','138','139','150','151','152','153','154','155','156','157','158','159','180','181','182','183','184','185','186','187','188','189' ,'141','142','143','144','145','146','147','148','149','171','172','173','174','175','176','177','178','179');
var i = hd.length;
while (i--) {
if (hd[i] == mobile) {
return true;
}
}
return false;
}
//验证邮箱是否正确
function check_email(email){
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!reg.test(email)){
return false;
}else{
return true;
}
}
</script>
<p>手机号:<input type="text" id="mobile" /> <input type="button" value="验证手机号" id="ck_mobile" /></p>
<p>Email:<input type="text" id="email" /> <input type="button" value="验证邮箱格式" id="ck_email" /></p>
相关文章推荐
- jquery操作select(取值,设置选中)
- 关于jQuery中的offset()和position()
- jQuery基础学习3——jQuery库冲突
- JQuery动画总结
- jquery设计理念
- jQuery基础学习2——DOM和jQuery对象
- jQuery源码中的“new jQuery.fn.init()”什么意思?
- jQuery插件开发全解析
- jQuery基础学习1
- jquery API
- JQuery总结
- 阮一峰关于deferred 详解,感觉是jquery中最重要的部分
- jquery cookie插件用法
- 天猫首页迷思之-jquery实现整个div的懒加载(1)
- jquery实现的Accordion折叠面板效果代码
- JFinal 实现jQuery EasyUI ComboTree数据加载并收起菜单节点
- jQuery实现带延迟效果的滑动菜单代码
- jQuery EasyUI的使用
- js和JQuery中offset等属性对比
- jquery实现顶部向右伸缩的导航区域代码