美文网首页input输入限制
输入框校验:只能输入中文

输入框校验:只能输入中文

作者: 好奇的猫猫猫 | 来源:发表于2019-01-25 16:10 被阅读0次

    输入框校验:只能输入中文

    //js文件
    validate: function() {
                var reg = /^[\u4e00-\u9fa5]+$/;
                
                if(reg.test(this.coupletUp)&&reg.test(this.coupletDown))
                {
                    this.error=false;
                    this.errorText="";
                    this.isdisabled=false;
                    return true;
    
                }
                this.error=true;
                this.errorText="请输入汉字";
                this.isdisabled=true;
                return false;
            },
            /**
             * 上传编辑后春联内容
             */
    coupletConfirm() {
                const status = this.validate() 
                if (status) {       
                    this.renderData.springScrolls.L = this.coupletUp;
                    this.renderData.springScrolls.R = this.coupletDown; 
                    this.inputImageModal=false;
                }
            },
    
    <!--wxml文件-->
           <div class="couplet-up">
           <div class="couplet-label">上联:</div>
           <div class="couplet-content"><input class="couplet-text" placeholder="最多输入七个字" maxlength="7" v-model="coupletUp" @blur="validate"></div>                    
           </div>
           <div class="couplet-down">
           <div class="couplet-label">下联:</div>
           <div class="couplet-content"><input class="couplet-text" placeholder="最多输入七个字" maxlength="7" v-model="coupletDown" @blur="validate"></div>                    
            </div>
            <div class="error_tip">
                  <span v-if="error">{{errorText}}</span>
            </div>
            <button class="couplet-confirm" :class="isdisabled?btndisabled:''" @tap="coupletConfirm" :disabled="isdisabled">确定</button>              
    

    相关文章

      网友评论

        本文标题:输入框校验:只能输入中文

        本文链接:https://www.haomeiwen.com/subject/boxvjqtx.html