input 文本框，对中文长度校验

在项目中，经常会遇到，对文本框进行校验。

eg.  要求姓名长度为20，中文为10，只能输入中英文。

 

<input   maxlength="20" type="text" @blur="nameblur" v-model="name" placeholder="请输入姓名">

 

nameblur(e) {

      let vm = this;

      let userNameWrongAry = ['', '姓名输入有误，请重新输入', '请输入中文或者英文'];

 

      function strLen(str) {

        return (function (len) {

          for (var i = 0; i < str.length; i++) {

            var c = str.charAt(i);

            if (/^[\u0000-\u00ff]$/.test(c)) //匹配双字节

            {

              len += 1;

            } else {

              len += 2;

            }

          }

          return len;

        })(0);

      }

      if (vm.name.trim() == '') {

      weui.topTips(userNameWrongAry[0], {duration: 3000,});

        return false;

      }

      if (strLen(vm.name.trim()) > 20) {

        weui.topTips(userNameWrongAry[1], {duration: 3000,});

        return false;

      }

      let parrent = /^[A-z\u4E00-\u9FA5\s]+$/g;

      if (!parrent.test(vm.name.trim())) {

        weui.topTips(userNameWrongAry[2], {duration: 3000,});

        return false;

      }

    }

转载于:https://www.cnblogs.com/Super-scarlett/p/9294906.html