javascript - 将输入字段验证为数字和特定图片大小

Question

我有一个带有输入文本字段和“提交”按钮的表单。

在我提交之前，我需要验证输入文本是数字类型并且包含一个 12 位数字。我如何使用 JavaScript 来做到这一点？

谢谢。

Answer 1

好吧，您可以使用正则表达式轻松完成：

if ( /^[0-9]{12}$/.test(someInput.value) ) { ... }

事实上，如果您的应用程序要在浏览器支持 元素的pattern属性上使用，这将不是必需的：input

<input name="twelve_digits" pattern="[0-9]{12}" 
       title="please supply twelve digits" />

请注意区别：您必须在正则表达式模式中指定锚点（否则任何包含十二位数字序列的字符串都会通过它），但是在pattern解析值时会自动提供它们。

Answer 2

使用正则表达式：

// assuming input is reference to your input field
if (/^[0-9]{12}$/.test(input.value) === true) {....}