zoukankan      html  css  js  c++  java
  • js中限制字符串输入中英文字符的长度封装

    /*
    * @method 是否限制字符串输入中英文字符的长度要求
    * @param {str} String: 输入的字符串
    * @param {num=16} Number: 限制字符串的长度,num默认值为16
    * callback:boolean true:符合;false:不符合
    */

    export function canPassLength(str,num=16) {
    judgeTypes(str) === 'number' ? ''+str : judgeTypes(str) === 'string' ? str : '';
    let len = 0;
     let character = str.replace(/' '/g, '');  //问题1
      let character = str.replace(/\s+/g, '');
    for (let i = 0; i < character.length; i++) {
    if (character.charAt(i).match(/[\u4e00-\u9fa5]/g) != null) len += 2;
    else len += 1;
    }
    if(len === 0 || len > num) return false
    return true
    }

    // 类型判断
    function judgeTypes (target) {
    return Object.prototype.toString.call(target).replace(/^\[object\s(\w+)\]$/, '$1').toLowerCase()
    }

    问题1:str.replace(/\s+/g, ''); 不可以写成str.replace(/' '/g, ''); 

    原因:空格不是单个英文空格或者中文空格(全角)
    发现:可以写作str.replace(/ /g, '');不加引号 




    扩展:JS 替换所有的空格

    NO.1: name.replace(" ","");

    上述方法是很简单的替换,但是有两个弱点:
    1.只能替换单个英文空格或者中文空格(全角);
    2.只能替换当前字符串的第一个匹配项。

    NO.2: name.replace(new RegExp(/( )/g),"");

    上述方法是通过正则匹配,能够进行全部替换,但是还是有一个弱点:
    1.只能替换英文空格或者中文空格(全角)中的一种。

    NO.3:name.split(" ").join("");

    上述方法是通过字符分隔再合并,能够进行全部替换,但是还是有一个弱点:
    1.只能替换英文空格或者中文空格(全角)中的一种。

    NO.4:name.replace(/(^\s*)|(\s*$)/g,"");

    上述方法是通过正则匹配,能够替换英文或者中文空格,但是有一个弱点:
    1.只能替换首尾的空格,对字符串中间的空格不起作用。

    终极杀招:name.replace(/\s+/g,"");

    上述方法是通过正则匹配,能够替换英文或者中文空格,并进行全部替换。

    【注意】JS中并没有所谓的replaceAll方法,经笔者测试结果“undefined”,页面上无法识别的。当然也有一种可迂回的方案,那就是根据replace的功能进行replaceAll方法原型重写:

    
    
    String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) { 
        if (!RegExp.prototype.isPrototypeOf(reallyDo)) { 
            return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith); 
        } else { 
            return this.replace(reallyDo, replaceWith); 
        } 
    } 
    
    
    完。
     
  • 相关阅读:
    用python实现批量替换.doc文件文件内容
    记我是如何通过Security+考试的
    去哪儿笔试羊生羊问题
    CSS作用域问题
    常用的几种清除浮动的方式
    ECE转专业找工作经历-从零电面到facebook offer
    面经-Bloomberg
    题解-Linked List Cycle II
    自我介绍
    解题技巧-发现子结构
  • 原文地址:https://www.cnblogs.com/queenDream/p/13468925.html
Copyright © 2011-2022 走看看