iview验证input的时候限制输入空格（首尾输入空格）

iview验证input的时候限制输入空格（首尾输入空格）

 

vue方法：

 js代码如下：

    // 分区名称验证
    const validateareaName = (rule, value, callback) => {
      var regu = /^ +| +$/g // 匹配空格
      if (value === '') {
        return callback(new Error('请输入分区名称！'))
      } else if (value && regu.test(value)) {
        return callback(new Error('请输入非空格的分区名称!'))
        // else if (value && !(/^[(\u4e00-\u9fa5)|(0-9)]+$/).test(value)) {
        // return callback(new Error('请输入中文和数字及字母和下划线!'));
      } else {
        return callback()
      }
    }

js方法： js去除空格正则

<script>
function delHtmlTag(str)
{
          var str=str.replace(/<\/?[^>]*>/gim,"");//去掉所有的html标记
        var result=str.replace(/(^\s+)|(\s+$)/g,"");//去掉前后空格
        return  result.replace(/\s/g,"");//去除文章中间空格
}
</script>

上面这个方法是去除空格的方法~~ 那么我们经常会遇到类似的需求，你永远不知道用户会输什么，那么你只有尽量去避免他输入你不想要的。上面的改动下也可以变成验证存在

空格给出提示

 
//验证内容是否包含空格
 function checkTextSpace(obj,temp){
     var reg=/(^\s+)|(\s+$)/g;
     var alertValue="输入内容包含空格，请出新输入!";
     //temp用来标识内容是否允许存在空格1为可存在0为不存在
     if(temp==1){
         reg=/(^\s{5,})|(\s{5,}$)|(\s{5,})/g;
         alertValue="内容中连续输入空格数超过5个,请重新输入！";
     }
    if(reg.test(obj.value)){
        alert(alertValue);
        obj.focus();
        return false;
    }
 }
 

注：
^匹配字符串的开始

$匹配字符串的结束

/s匹配任意空白字符


/(^\s+)|(\s+$)/g 这个正则就是匹配内容中是否包含空格，不管前后还是中间，都能匹配到

/(^\s{5,})|(\s{5,}$)|(\s{5,})/g 这个正则是我做另一个验证改的,主要是匹配连续输入空格数

\s{5,} 这个代表匹配5次或者更多次

\s* 这个代表重复0次或者更多次

\s+这个代表重复1次或者更多次

\s?这个代表重复0次或者1次

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140