常用js验证

最新推荐文章于 2024-04-19 16:34:45 发布
最新推荐文章于 2024-04-19 16:34:45 发布
阅读量755 收藏
点赞数
分类专栏： d_html/css/javascript 文章标签： javascript

test.html

<html>

<head><title>验证手机号码</title>
<script type="text/javascript" src="common.js">
</script>
</head>
<body >
<form>
用户名：<input type="text"   id="telephone" οnblur="check_blank(this,'用户名')"><br>


用户名长度检验：<input type="text"   id="telephone" οnblur="check_str_len('用户名',this,10)"><br>


<input type="checkbox" name="all" οnclick="checkboxs_all(this,'pid')" />全选<br>
<input type="checkbox" name="pid" id="pid" value="aaaaa" />aaa
<input type="checkbox" name="pid" id="pid" value="bbbb" />bbb
<input type="checkbox" name="pid" id="pid" value="bbbb" />cccc<br>
邮政编码：<input type="text"   id="postalcode" οnblur="check_youbian(this)"><br>
电子邮箱：<input type="text"   id="eamil" οnblur="check_email(this)"><br>
固定电话：<input type="text"   id="eamil" οnblur="check_phone(this)"><br>
手机号码：<input type="text"   id="eamil" οnblur="check_telephone(this)"><br>
验证中文：<input type="text"   id="eamil" οnblur="isChinese(this,'验证中文')"><br>
双精度数字：<input type="text"   id="eamil" οnblur="check_double(this,'双精度数字')"><br>
验证数字大小：<input type="text"   id="num" οnblur="check_num_value('验证数字的小',this,0,20)"><br>
<input type="button" value="验证IE内核浏览器" οnclick="checkIsIE()" >
<FORM METHOD=POST ACTION="http://www.ip138.com:8080/search.asp" name="mobileform" target="_blank">
<tr><td align="center">手机号码所在地查询：<input type="text" name="mobile" size="16"> 
<input type="submit" value="查询"><INPUT TYPE="hidden" name="action" value="mobile">
<br>
<input type="checkbox" name="box_name" οnclick="checkbox_select('box_name')" />有
<input type="checkbox" name="box_name" id="pid" value="aaaaa" />aaa
<input type="checkbox" name="box_name" id="pid" value="bbbb" />bbb
<input type="checkbox" name="box_name" id="pid" value="bbbb" />cccc<br>


</td></tr></FORM>
</form>
</body>

</html>


common.js:



//验证是否为空
function check_blank(obj, obj_name){
 if(obj.value != ''){   
            return true;   
     }else{   
         alert(obj_name + "所填不能为空！"); 
obj.value = "";
         return false;   
     }   
}


//过滤输入字符的长度
function check_str_len(name,obj,maxLength){   
obj.value=obj.value.replace(/(^\s*)|(\s*$)/g, "");
var newvalue = obj.value.replace(/[^\x00-\xff]/g, "**"); 
    var length11 = newvalue.length; 
if(length11>maxLength){
  alert(name+"的长度不能超过"+maxLength+"个字符！");
  obj.value="";
  obj.focus();     
} 
 }


//验证只能为数字
function checkNumber(obj){
var reg = /^[0-9]+$/;
    if(obj.value!=""&&!reg.test(obj.value)){
  alert('只能输入数字！');
  obj.value = "";
  obj.focus();
  return false;
  }
}


//验证数字大小的范围


function check_num_value(obj_name,obj,minvalue,maxvalue){
var reg = /^[0-9]+$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name+'只能输入数字！');
  obj.value = "";
  obj.focus();
  return false;
}else if(minvalue>obj.value||obj.value>maxvalue){
alert(obj_name+"的范围是"+minvalue+"-"+maxvalue+"!");
obj.value="";
        obj.focus();
        return false;
}


}


//验证只能是字母和数字
function checkZmOrNum(zmnum){
  var zmnumReg=/^[0-9a-zA-Z]*$/;
  if(zmnum.value!=""&&!zmnumReg.test(zmnum.value)){
     alert("只能输入是字母或者数字,请重新输入");
     zmnum.value="";
     zmnum.focus();
     return false;
  }
}


//验证双精度数字
function check_double(obj,obj_name){
var reg = /^[0-9]+(\.[0-9]+)?$/;
if(obj.value!=""&&!reg.test(obj.value)){
  alert(obj_name+'所填必须为有效的双精度数字');
  obj.value = "";
obj.focus();
  return false;
}
}
   


//复选框全选
function checkboxs_all(obj,cName){
var checkboxs = document.getElementsByName(cName);
    for(var i=0;i<checkboxs.length;i++){
checkboxs[i].checked = obj.checked;
}
}




//验证邮政编码
function check_youbian(obj){
var reg=/^\d{6}$/; 
if(obj.value!=""&&!reg.test(obj.value)){
  alert('邮政编码格式输入错误！');
  obj.value = "";
  obj.focus();
  return false;
}
}


//验证邮箱格式
function check_email(obj){
var reg = /^[a-zA-Z0-9_-]+(\.([a-zA-Z0-9_-])+)*@[a-zA-Z0-9_-]+[.][a-zA-Z0-9_-]+([.][a-zA-Z0-9_-]+)*$/; 
if(obj.value!=""&&!reg.test(obj.value)){
obj.select();
  alert('电子邮箱格式输入错误！');
  obj.value = "";
obj.focus();
  return false;
}
}


/*验证固定电话号码
  0\d{2,3}   代表区号   
  [0\+]\d{2,3}   代表国际区号
 \d{7,8} 代表7－8位数字(表示电话号码)
 正确格式：区号-电话号码-分机号(全写|只写电话号码)
*/


function check_phone(obj){
var reg=/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/; 
if(obj.value!=""&&!reg.test(obj.value)){
  alert('电话号码格式输入错误！');
  obj.value = "";
obj.focus();
  return false;
}
}


//验证手机号码(检验13,15,18开头的手机号！)
function check_telephone(obj){
var reg= /^[1][358]\d{9}$/;
if(obj.value!=""&&!reg.test(obj.value)){
  alert('手机号码格式输入错误！');
  obj.value = "";
obj.focus();
  return false;
}
}


//验证是否为中文
function isChinese(obj,obj_name){
var reg=/^[\u0391-\uFFE5]+$/; 
if(obj.value!=""&&!reg.test(obj.value)){
  alert(obj_name+'必须输入中文！');
  obj.value = "";
obj.focus();
  return false;
}
}


//判断是否是IE浏览器


function checkIsIE(){
if(-[1,]){   
     alert("这不是IE浏览器！");   
}else{   
     alert("这是IE浏览器！");   
} 
}


//验证是否为正确网址
function check_IsUrl(obj){




}


//检验时间大小(与当前时间比较)
function checkDate(obj,obj_name){
var obj_value=obj.value.replace(/-/g,"/");//替换字符，变成标准格式(检验格式为：'2009-12-10')
// var obj_value=obj.value.replace("-","/");//替换字符，变成标准格式(检验格式为：'2010-12-10 11:12')
var date1=new Date(Date.parse(obj_value));   
var date2=new Date();//取今天的日期
if(date1>date2){
alert(obj_name+"不能大于当前时间！");
return false;
}
}


//检验两个文本框内时间大小
function check(){

}




 //判断有无残疾,如果点无残疾后面都不能选
 function checkbox_select(obj_name){
var checklength=document.getElementsByName(obj_name);
if(checklength[0].checked==true){
        for(var i=1;i<checklength.length;i++){
               checklength[i].disabled="disabled";
               checklength[i].checked=false;
        }
}else{
for(var i=1;i<checklength.length;i++){
             checklength[i].disabled=false;
        }
}
}
   



李_逍遥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 验证 常用正则表达式集锦
10-29
js 验证 常用正则表达式集锦，整理的比较全了，大家根据需要选择使用。
【JavaScript 】常用JS 验证
Shane_FZ_C的博客
09-20 276
【JavaScript 】常用JavaScript 验证1、长度限制2、只能是汉字3、只能是英文字母4、只能是数字5、 只能是英文字母和数字6、检验时间大小(与当前时间比较)7、屏蔽关键字(这里屏蔽*和**)8、两次输入密码是否相同9、表单项不能为空10、邮箱验证11、验证手机号12、验证×××号码（需是有效×××）13、日期验证 1、长度限制 <form name="a" onsubmit...
Javascript_06_表单验证（离开单项，输入框后提示信息）
weixin_30909575的博客
01-04 343
Javascript_06_表单验证（离开单项，输入框后提示信息） 说明：对于必须输入的入力框，光标离开（使用onblur方法）时进行检查。假如有错，红色的提示信息直接在该画面的这个输入框的后面显示出来，并把光标重新定向到这个输入框。 待解决问题： ①内存泄漏问题：比如用户名没输入，离开用户名输入框时，画面上会给出提示警告信息；此时再点击密码...
常用js验证方法封装1
瑾白芨的博客
05-09 1163
var check={ var check = { //是否为空 isNull: function (str) { if ($.trim(str).length == 0)return true; else return false; }, //是否为邮件 isEmail: function (str) { var reg = /^\
常用表单js验证
qq_39376653的博客
06-30 2259
JS表单验证-12个常用的JS表单验证   最近有个项目用到了表单验证，小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下，和大家一起分享~~~1. 长度限制&lt;p&gt;1. 长度限制&lt;/p&gt;&lt;form name=a onsubmit="return test()"&gt; &lt;textarea name="b" cols="40" rows=&quo
常用JS正则验证
fjx0923的博客
04-28 3267
匹配中文字符的正则表达式：[\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内)：[^\x00-\xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 匹配空白行的正则表达式：\n\s*\r 评注：可以用来删除空白行 匹配HTML标记的正则表达式：<(\S*?)[^>]*>.*?</\1>|<.*? /> 评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力 匹配首尾空白字..
js常用正则 验证数字正则
最新发布
2401_84152879的博客
04-19 693
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。
JavaScript常用验证函数实例汇总
10-25
主要介绍了JavaScript常用验证函数,实例汇总了如字符串验证、表单验证及js常用特效等诸多js常用验证函数及相关技巧,非常具有实用价值,需要的朋友可以参考下
常用javascript表单验证汇总
10-23
本文将详细介绍一些常用的JavaScript表单验证方法，并通过一个实践案例来具体说明。 1. 验证输入是否为空 在JavaScript中，我们可以检查输入字段的值是否为空。例如，`if(x=="")` 判断变量x的值是否为空字符串，...
常用JavaScript验证
03-23
### 常用JavaScript验证知识点解析 #### 一、字符数量限制验证：`isOverrun`函数 在网页表单中，我们常常需要对用户的输入进行长度限制，以确保数据的有效性和安全性。`isOverrun` 函数可以实现对用户输入的字符数...
js常用正则验证方法
正一品程序员的博客
11-04 2241
/** * Created by PanJiaChen on 16/11/18. */ /** * @purpose 判断url链接是否是https?:|mailto:|tal: 开头的 * @param {string} path * @returns {Boolean} */ export function isExternal(path) { return /^(https?:|mailto:|tel:)/.test(path) } /** * @purpose 检验字符串是否
javascript常用正则验证
我是小奶音啊的博客
06-06 653
正则验证密码 （包括数字大小写字母）8-16位 /^(?=\D+[0-9])(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9]{8,16}$/
javascript提交验证表单大全
黄泉颤抖
07-15 107
在我们做网页的时候少不了要对表单的验证操作，下面的是我平时积累的一些js验证的操作，有很多都是前辈们的。。 1.验证文本框只能输入数字不能输入字符 onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" 放到&lt;input&gt;中 2. 长度限制 ...
常用js验证数据的有效性
05-17
以下是常用的几种 JavaScript 数据验证方法： 1. 验证是否为空：可以使用 `if(!inputValue)` 进行判断，或者使用正则表达式 `if(inputValue.replace(/(^\s*)|(\s*$)/g, "").length === 0)`。 2. 验证是否为数字：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值