时间戳

首页 > 解决方案 > 如何为输入设置模式或格式

javascript - 如何为输入设置模式或格式

问题描述

我有两个输入字段我想设置我的第一个输入字段格式，例如 ASED0000A

如果我输入值 AAAA 或输入其他字符（如 A 到 Z），则其他键被禁用

输入应采用以下格式： 第一个 4 应该是字母 接下来的四个应该是数字 最后一个应该是 aplhabet

我的第二个输入字段格式就像 AAA/AA/000/0 1st 3 输入是字符然后是斜杠 (/)

其他 2 个输入是字符，然后是斜杠（/）

接下来的 3 是数字，再次是斜线，最后一个是单个数字。

 <?= $form->field($model, 'pan_number')->textInput(['placeholder'=>'AAAAOOOOA','style'=>"text-transform:uppercase"])->label('PAN') ?>
<?= $form->field($model, 'tds_ao')->textInput(['placeholder'=>'AAA/AA/OOO/O'])->label('TDS circle/AO code') ?>
<script>

      $('#companytexinfo-pan_number').keypress(function(e){
            var inputval = $('#companytexinfo-pan_number').val().length;
            console.log(inputval);
            let allow_char = [65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,97,98,99,100,101,102,103,104,
                            105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122];
            if(inputval >=4){
                if(allow_char.indexOf(e.which) == -1 ){
                //do something
                }
                else{
                return false;
                }
            }
            let allow_number = [48,49,50,51,52,53,54,55,56,57];
            if((inputval >=5) && (inputval =8)){
                if(allow_number.indexOf(e.which) == -1 ){
                //do something
                }
                else{
                return false;
                }
            }
            let allow_alst_char = [65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,97,98,99,100,101,102,103,104,
                                105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122];
            if(inputval ==9){
                if(allow_alst_char.indexOf(e.which) == -1 ){
                    //do something
                }
                else{
                    return false;
                }
            }
      })

</script>

这是我的脚本，但它不能正常工作 请帮助谢谢

标签： javascriptjqueryyii2-advanced-app

解决方案

使用formatter.js来实现这一点。添加插件后，如下所示修改您的输入。

    <input type="text" name="pan_number" id="pan_number"/>

    <script>

      $('#pan_number').formatter({
          'pattern': '{{aaaa}}{{9999}}{{a}}',
          'persistent': true
     });

    </script>

推荐阅读