首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery,文本框值小于两个字母(数字)值的前缀为0。

使用jquery,文本框值小于两个字母(数字)值的前缀为0。
EN

Stack Overflow用户
提问于 2015-09-08 19:20:19
回答 4查看 501关注 0票数 0

我目前正在使用jQuery进行预演。在文本字段中,如果用户在文本字段中输入一个2位数的数字,当他单击外部时,应该在文本之前自动添加0 --例如,如果用户键入12并突出显示值应该是012

用当前的代码,我正在检查他输入了多少个字母,但我很困惑如何给这个附加或连接。

使用此代码,我将使用jquery验证器验证文本字段。

代码语言:javascript
运行
复制
 txt_CC:{
            required: true,
            number:true,
            maxlength:3
        },

这是我的jquery代码

代码语言:javascript
运行
复制
$('#txt_CC').on('change',function(e){
    if($('#txt_CC').val().length > 2){
        $('.cc_field').val()     + '0';
    }else{
        alert("Sorry not eligble");
    }
}); 

这是我的输入字段。

代码语言:javascript
运行
复制
<input type="text" class="cc_field" placeholder="Country Code"
       id="txt_CC" maxlength="3" name="txt_CC" /> 
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2015-09-08 19:47:02

你可以试试这个:

代码语言:javascript
运行
复制
$('#txt_CC').on('change',function(e){
    alert($('#txt_CC').val().length);
  if($('#txt_CC').val().length <= 2){
    $('.cc_field').val('0' + $('.cc_field').val());
  }
  else{
    alert("Sorry not eligble");
  }
});
票数 1
EN

Stack Overflow用户

发布于 2015-09-08 19:22:56

尝试将val函数中的值设置为setter

代码语言:javascript
运行
复制
$('#txt_CC').on('change',function(e){
   var len = $('#txt_CC').val().length;
   if(len == 1){
      $('.cc_field').val( '00' + $('.cc_field').val());
   }else if(len == 2){
      $('.cc_field').val('0'+ $('.cc_field').val() );
   }else if(len == 3){
      //do something ?
   }else{
       alert("Sorry not eligble");
   }

}); 
票数 1
EN

Stack Overflow用户

发布于 2015-09-08 19:53:09

以下是如何做到这一点:

代码语言:javascript
运行
复制
this.value = '0' + this.value;

若要将0加到输入的值之前,请执行以下操作。

下面是一个演示如何做到这一点:

代码语言:javascript
运行
复制
$('#txt_CC').on('change',function(e){
     if( this.value.length <= 2 ){
         this.value = '0' + this.value;
     } else {
         alert("Sorry not eligble");
     }
});
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="cc_field" placeholder="Country Code" id="txt_CC" maxlength="3" name="txt_CC" />

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32465608

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档