Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在输入字段中使用正则表达式验证来验证Vue 3中的车辆牌照?_Javascript_Vue.js_Validation_Vuejs3_Laravel Mix Vue3 - Fatal编程技术网

Javascript 如何在输入字段中使用正则表达式验证来验证Vue 3中的车辆牌照?

Javascript 如何在输入字段中使用正则表达式验证来验证Vue 3中的车辆牌照?,javascript,vue.js,validation,vuejs3,laravel-mix-vue3,Javascript,Vue.js,Validation,Vuejs3,Laravel Mix Vue3,我希望验证输入字段,以便它只能使用大写字母和数字,并且我希望格式与(AAA-111)完全相同,这意味着前3个应该是字母,后3个应该是数字,两者都用“-”分隔 导出默认值{ 道具:[“模板”], 数据:函数(){ 返回{ 车牌号:'', 正则表达式:“^[A-Z]{3}-d{3}” }; }, 观察:{ 号码牌(){ this.number_plate=this.number_plate.match(/(^[A-Z]{3})(\d{3})/g,'$1-$2'); } } }; 这与Vue无关

我希望验证输入字段,以便它只能使用大写字母和数字,并且我希望格式与(AAA-111)完全相同,这意味着前3个应该是字母,后3个应该是数字,两者都用“-”分隔



导出默认值{ 道具:[“模板”], 数据:函数(){ 返回{ 车牌号:'', 正则表达式:“^[A-Z]{3}-d{3}” }; }, 观察:{ 号码牌(){ this.number_plate=this.number_plate.match(/(^[A-Z]{3})(\d{3})/g,'$1-$2'); } } };
这与Vue无关。 Html已经可以为您做到这一点。但如果你想要一些自定义验证,那就不同了。 请在模板中尝试以下操作:



除此之外,不确定
this.number
来自何处。

“this.number”似乎是打字错误。我试着按照你说的做,但现在我得到了“未捕获(承诺中)类型错误:无法读取未定义的属性'match'。那个观察者根本没有任何意义。我只想把它取下移动的watcher似乎什么都不做(我再也不会出错了,但验证不起作用。只有当输入是表单元素的一部分,并且您尝试提交我正在尝试验证的formI作为用户类型时,才会发生验证。根据编辑的代码,第一个输入字段起作用,因为它不允许键入除数字以外的任何内容,并根据模式进行验证,但第二个不起作用。我确信我需要改变挂载函数,在那里我试图匹配regu regex,但没有得到一个如何使它工作的想法。