Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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
Html 设置类型为number的输入字段所需的确切元素数_Html_Input_Maxlength_Html Formatting_Html5 Input Number - Fatal编程技术网

Html 设置类型为number的输入字段所需的确切元素数

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">

我有一个在我的表格中输入类型编号的字段,我希望根据要求允许该字段包含准确的13个字符。我想知道在HTML中是否有默认选项可以用来实现这一点?我尝试了pattern和maxlength,但由于某些原因,它们对类型编号无效。如果不能从HTML方面实现,那么我希望使用angularjs实现同样的效果。任何输入都会非常有用

<input type="number" id="userCode" ng-model="formdata.userCode" title="13 Digit code"></input>&nbsp;



如果有人在查看,也可以检查以下答案:

<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
attributeuse
min
&
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,”;“