首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >vue.js查看输入是否与正则表达式匹配

vue.js查看输入是否与正则表达式匹配
EN

Stack Overflow用户
提问于 2019-11-28 00:11:39
回答 1查看 163关注 0票数 1

我有一个输入字段,我喜欢将其与几个正则表达式进行比较。如果输入正确,则应执行该方法。

我想我做得完全错了。

代码语言:javascript
复制
<p class="control">
    <input ref="barcode" id="BarcodeInput" v-model="barcode" v-on:keyup.enter="processBarcode" class="input" type="text"  placeholder="Barcode" autofocus />
    </p>
    <p class="control">
    <button v-on:click="processBarcode" class="button is-primary" >Go!</button>
</p>

方法:

代码语言:javascript
复制
      if (document.getElementById("BarcodeInput").value == "31334866-001"){

现在,我可以将条形码放入文本框中,并且可以使用该方法。

如果我尝试:

代码语言:javascript
复制
      if (document.getElementById("BarcodeInput").value == "^\d{8}-\d{3}$"){

条形码: 31334866-001无法正常工作。

EN

回答 1

Stack Overflow用户

发布于 2019-11-28 10:42:36

因此,首先需要为链接到data的条形码输入使用v-model。这将省去获取元素的麻烦。然后在processBarcode函数中进行验证。

如果您想清除此框,只需清除存储在data中的v-model变量(对于双向绑定,更改一个变量会更改另一个变量)。

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

https://stackoverflow.com/questions/59074298

复制
相关文章

相似问题

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