Javascript 如何设置输入的模式或格式

我有两个输入字段 我想将我的第一个输入字段格式设置为ASED000A

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

输入应采用以下格式： 前四个字母应该是字母 接下来的四个应该是数字 最后一个应该是沉着的

我的第二个输入字段格式类似于AAA/AA/000/0 前3个输入是字符，然后是斜杠（/）

另外2个输入是字符，然后是斜杠（/）

接下来的3是数字，再加上斜杠和la st是一个位数

 <?= $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>

$（'companytexinfo-pan_编号'）。按键（功能（e）{
var inputval=$（'#companytexinfo-pan_number'）.val（）.length；
控制台日志（inputval）；
让允许_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,99100101102103104，
105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122];
如果（输入值>=4）{
if（允许字符索引of（e.which）=-1）{
//做点什么
}
否则{
返回false；
}
}
设允许_数=[48,49,50,51,52,53,54,55,56,57]；
如果（（输入值>=5）和&（输入值=8））{
如果（允许编号索引为（e.which）=-1）{
//做点什么
}
否则{
返回false；
}
}
让我们允许[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,99100101102103104，
105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122];
如果（inputval==9）{
if（允许字符索引of（e.which）=-1）{
//做点什么
}
否则{
返回false；
}
}
})

这是我的脚本，但它不能正常工作 请帮忙 感谢您使用来实现这一点。 添加插件后，如下面所示修改您的输入

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

    <script>

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

    </script>

$（“#pan_编号”）。格式化程序({
'模式'：'{{aaaa}}{{9999}}{{a}}'，
“持久”：真
});

那么什么东西不起作用呢？你试过调试它吗？