当前位置: 移动技术网 > IT编程>开发语言>JavaScript > b/s开发常用javaScript技术第1/4页

b/s开发常用javaScript技术第1/4页

2019年07月31日  | 移动技术网IT编程  | 我要评论
在b/s开发中经常用到的javascript技术  一、验证类 1、数字验证内   1.1 整数   1.2&n

一、验证类
1、数字验证内
  1.1 整数
      /^(-|\+)?\d+$/.test(str)
  1.2 大于0的整数 (用于传来的id的验证)
      /^\d+$/.test(str)
  1.3 负整数的验证
      /^-\d+$/.test(str)
2、时间类
  2.1 短时间,形如 (13:04:06)
      function istime(str)
      {
        var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
        if (a == null) {alert('输入的参数不是时间格式'); return false;}
        if (a[1]>24 || a[3]>60 || a[4]>60)
        {
          alert("时间格式不对");
          return false
        }
        return true;
      }
  2.2 短日期,形如 (2003-12-05)
      function strdatetime(str)
      {
         var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); 
         if(r==null)return false; 
         var d= new date(r[1], r[3]-1, r[4]); 
         return (d.getfullyear()==r[1]&&(d.getmonth()+1)==r[3]&&d.getdate()==r[4]);
      }
  2.3 长时间,形如 (2003-12-05 13:04:06)
      function strdatetime(str)
      {
        var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
        var r = str.match(reg); 
        if(r==null)return false; 
        var d= new date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); 
        return (d.getfullyear()==r[1]&&(d.getmonth()+1)==r[3]&&d.getdate()==r[4]&&d.gethours()==r[5]&&d.getminutes()==r[6]&&d.getseconds()==r[7]);
      }
  2.4 只有年和月。形如(2003-05,或者2003-5)
  2.5 只有小时和分钟,形如(12:03)
3、表单类
  3.1 所有的表单的值都不能为空
      <input onblur="if(this.value.replace(/^\s+|\s+$/g,'')=='')alert('不能为空!')">
  3.2 多行文本框的值不能为空。
  3.3 多行文本框的值不能超过smaxstrleng
  3.4 多行文本框的值不能少于smixstrleng
  3.5 判断单选框是否选择。
  3.6 判断复选框是否选择.
  3.7 复选框的全选,多选,全不选,反选
  3.8 文件上传过程中判断文件类型
4、字符类
  4.1 判断字符全部由a-z或者是a-z的字字母组成
      <input onblur="if(/[^a-za-z]/g.test(this.value))alert('有错')">
  4.2 判断字符由字母和数字组成。
      <input onblur="if(/[^0-9a-za-z]/g.test(this.value))alert('有错')">
  4.3 判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
      /^([a-za-z_]{1})([\w]*)$/g.test(str)
  4.4 字符串替换函数.replace();
5、浏览器类
  5.1 判断浏览器的类型
      window.navigator.appname
  5.2 判断ie的版本
      window.navigator.appversion
  5.3 判断客户端的分辨率
      window.screen.height;  window.screen.width;

6、结合类
  6.1 email的判断。
      function ismail(mail)
      {
        return(new regexp(/^\w+((-\w+)|(\.\w+))*\@[a-za-z0-9]+((\.|-)[a-za-z0-9]+)*\.[a-za-z0-9]+$/).test(mail));
      }
  6.2 手机号码的验证
  6.3 身份证的验证
      function isidcardno(num)
      {
        if (isnan(num)) {alert("输入的不是数字!"); return false;}
        var len = num.length, re; 
        if (len == 15)
          re = new regexp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
        else if (len == 18)
          re = new regexp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
        else {alert("输入的数字位数不对!"); return false;}
        var a = num.match(re);
        if (a != null)
        {
          if (len==15)
          {
            var d = new date("19"+a[3]+"/"+a[4]+"/"+a[5]);
            var b = d.getyear()==a[3]&&(d.getmonth()+1)==a[4]&&d.getdate()==a[5];
          }
          else
          {
            var d = new date(a[3]+"/"+a[4]+"/"+a[5]);
            var b = d.getfullyear()==a[3]&&(d.getmonth()+1)==a[4]&&d.getdate()==a[5];
          }
          if (!b) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对!"); return false;}
        }
        return true;
      }

3.7 复选框的全选,多选,全不选,反选
<form name=hrong>
<input type=checkbox name=all onclick="checkall('mm')">全选<br/>
<input type=checkbox name=mm onclick="checkitem('all')"><br/>
<input type=checkbox name=mm onclick="checkitem('all')"><br/>
<input type=checkbox name=mm onclick="checkitem('all')"><br/>
<input type=checkbox name=mm onclick="checkitem('all')"><br/>
<input type=checkbox name=mm onclick="checkitem('all')"><br/><br/>


<input type=checkbox name=all2 onclick="checkall('mm2')">全选<br/>
<input type=checkbox name=mm2 onclick="checkitem('all2')"><br/>
<input type=checkbox name=mm2 onclick="checkitem('all2')"><br/>
<input type=checkbox name=mm2 onclick="checkitem('all2')"><br/>
<input type=checkbox name=mm2 onclick="checkitem('all2')"><br/>
<input type=checkbox name=mm2 onclick="checkitem('all2')"><br/>

</form>

<script language="java script">
function checkall(str)
{
  var a = document.getelementsbyname(str);
  var n = a.length;
  for (var i=0; i<n; i++)
  a[i].checked = window.event.srcelement.checked;
}
function checkitem(str)
{
  var e = window.event.srcelement;
  var all = eval("document.hrong."+ str);
  if (e.checked)
  {
    var a = document.getelementsbyname(e.name);
    all.checked = true;
    for (var i=0; i<a.length; i++)
    {
      if (!a[i].checked){ all.checked = false; break;}
    }
  }
  else all.checked = false;
}
</script>
2

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网