Html 设置类型为number的输入字段所需的确切元素数
我有一个在我的表格中输入类型编号的字段,我希望根据要求允许该字段包含准确的13个字符。我想知道在HTML中是否有默认选项可以用来实现这一点?我尝试了pattern和maxlength,但由于某些原因,它们对类型编号无效。如果不能从HTML方面实现,那么我希望使用angularjs实现同样的效果。任何输入都会非常有用Html 设置类型为number的输入字段所需的确切元素数,html,input,maxlength,html-formatting,html5-input-number,Html,Input,Maxlength,Html Formatting,Html5 Input Number,我有一个在我的表格中输入类型编号的字段,我希望根据要求允许该字段包含准确的13个字符。我想知道在HTML中是否有默认选项可以用来实现这一点?我尝试了pattern和maxlength,但由于某些原因,它们对类型编号无效。如果不能从HTML方面实现,那么我希望使用angularjs实现同样的效果。任何输入都会非常有用 <input type="number" id="userCode" ng-model="formdata.userCode" title="13 Digit code">
<input type="number" id="userCode" ng-model="formdata.userCode" title="13 Digit code"></input>
如果有人在查看,也可以检查以下答案:
<input type="text" pattern=".{13,13}" oninput="this.value=this.value.replace(/[^0-9]/g,''); title="13 characters length required" ">
使用此输入字段(尽管其文本),我们可以确保它只接受数字。如果有人在查看,他们也可以检查此答案:
<input type="text" pattern=".{13,13}" oninput="this.value=this.value.replace(/[^0-9]/g,''); title="13 characters length required" ">
使用此输入字段,尽管它的文本,我们可以确保它只接受数字。使用
min
&max
attributeusemin
&max
attribute我添加了此命令,但出于某种原因,即使我输入13位数字,也会引发错误。我修改了我的问题并添加了截图。你能检查一下让我知道我做错了什么吗?谢谢你的回复。实际上,当我添加pattern=“.{13,13}”
时,我正在尝试使用number
的输入类型。您能告诉我它是否只适用于文本类型吗?如何为数字
字段实现它?您必须将类型
属性更改为文本
,否则它将不适用于您!所有这些属性,如maxlength
,minlength
甚至模式
都不适用于数字
。我还知道您在这里使用的是type=“number”
,但现在如果您查看我的更新答案,如果用户在字段中输入任何文本,则按下submit
按钮时将抛出错误。只接受数字,但这里的关键是您必须将类型更改为text
。哦,好的,我使用了下面的正则表达式,所以现在它只接受数字oninput=“this.value=this.value.replace(/[^0-9]/g,”;“
我添加了此命令,但由于某些原因,即使输入13位数字,也会引发错误。我修改了我的问题并添加了截图。你能检查一下让我知道我做错了什么吗?谢谢你的回复。实际上,当我添加pattern=“.{13,13}”
时,我正在尝试使用number
的输入类型。您能告诉我它是否只适用于文本类型吗?如何为数字
字段实现它?您必须将类型
属性更改为文本
,否则它将不适用于您!所有这些属性,如maxlength
,minlength
甚至模式
都不适用于数字
。我还知道您在这里使用的是type=“number”
,但现在如果您查看我的更新答案,如果用户在字段中输入任何文本,则按下submit
按钮时将抛出错误。只接受数字,但这里的关键是您必须将类型更改为text
。哦,好的,我使用了下面的正则表达式,所以现在它只接受数字oninput=“this.value=this.value.replace(/[^0-9]/g,”;“