×

分享8个JS片段代码

作者:jiang2018.09.19来源:Web前端之家浏览:759评论:0
关键词:js代码

分享8个JS片段代码,仅供参考使用。

1、去除字符串左右两端空格

function trim(str) {
    return str.replace(/(^\s*)|(\s*$)/g, "");
}

2、数字输入

function clearNoNum(obj) {
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数  
    if(obj.value.indexOf(".") < 0 && obj.value != "") { //以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额 
        obj.value = parseFloat(obj.value);
    }
    if(obj.value == 'NaN') {
        obj.value = 1;
    }
}

3、生成随机颜色值

function getRandomColor () {
  const rgb = []
  for (let i = 0 ; i < 3; ++i){
    let color = Math.floor(Math.random() * 256).toString(16)
    color = color.length == 1 ? '0' + color : color
    rgb.push(color)
  }
  return '#' + rgb.join('')
}

4、有效手机号码判断

function phone() {
    const myreg=/^[1][3,4,5,7,8][0-9]{9}$/;
    if(!myreg.test(15860795766)){
        console.log('手机号码无效');
        return false;
    }
}

5、电话格式判断

function phoneCheck() {
    const reg = /^(1\d{10})$|^((0\d{2,3}-?)?\d{7,8})$/g;
        if (!reg.test(12345678900)) {
          message.warning('客服电话号码格式为1XXXXXXXXXX或者0XX(X)-XXXXXXX(X)或者XXXXXXX(X),请重新输入!', 3);
          return false;
        }
}

6、图片文件判断

function imagesCheck() {
    var rg=/^image.*/;
    if(!rg.test(f.type)){
        console.log('文件格式不正确');
        return;
    }
}

7、视频文件判断

function videoCheck() {
    if(!/video\/\w+/.test(files[0].type)){
      console.log("请上传视频文件!");
      return false;
    }
}

8、身份证格式判断

function idCardCheck() {
    const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
    if (reg.test(idCard) === false) {
        console.log('身份证号输入不合法');
        return false;
    }
}
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.jiangweishan.com/article/js238420934820938.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    alert('哈哈')...

  • admin

    可以的...

  • 前端面试题

    你好,可以换一下链接吗?...

  • admin

    关于微信小程序,后面会出一些文章的,请关注网站更新。。。...

  • webred

    博主可以分享点小程序的文章......

  • 访客

    可以用。...

  • admin

    可以的,可以联系下QQ,或者加群。...

  • admin

    可以的,可以联系下QQ,或者加群。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2013-2018 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero