Fatal编程技术网
  • html/
  • 有没有办法设置html文本输入的最大值？

有没有办法设置html文本输入的最大值？

html button input

有没有办法设置html文本输入的最大值？,html,button,input,Html,Button,Input,我正在制作一个程序，要求用户在HTML文本输入框中输入一个字符串，但必须是四个字符。有没有办法为输入设置最大值？你能不能让它只能是数字？我的意思是： <html> <head> </head> <body> <h1>Please enter a four digit pin number:</h1> <input type=text id=pin_number **maxvalue=4**> /*Maybe y

我正在制作一个程序，要求用户在HTML文本输入框中输入一个字符串，但必须是四个字符。有没有办法为输入设置最大值？你能不能让它只能是数字？我的意思是：

<html>
<head>

</head>
<body>
<h1>Please enter a four digit pin number:</h1>
<input type=text id=pin_number **maxvalue=4**>
/*Maybe you can do it with buttons*/
<table><tr><td><input type="button" value="1>"</td><td><input type="button" value="2>"</td>
<td><input type="button" value="3>"</td></tr><tr><td><input type="button" value="4>"</td><td><input type="button" value="5>"</td>
<td><input type="button" value="6>"</td></tr><tr><td><input type="button" value="7>"</td><td><input type="button" value="8>"</td>
<td><input type="button" value="9>"</td></tr></table>
</body>
</html>


请输入一个四位数的pin码：
/*也许你可以用纽扣来做*/




.



.



.




.
另一种解决方案，使用：








再说一次，我想你想要的是四位数并且您可以键入任何您想要的内容，但是当您单击submit
另一个解决方案时，会抛出一个错误，使用：








再说一次，我想你想要的是四位数并且您可以键入任何您想要的内容，但是当您单击submit
另一个解决方案时，会抛出一个错误，使用：








再说一次，我想你想要的是四位数并且您可以键入任何您想要的内容，但是当您单击submit
另一个解决方案时，会抛出一个错误，使用：








再说一次，我想你想要的是四位数并且您可以键入任何您想要的内容，但是当您单击submit时会抛出一个错误。请使用如下Javascript和正则表达式：


<html>
<head>

<script language="javascript" type="text/javascript">

function pinnotify() {
    var notify = document.getElementById('notify');
    var numberRegex = new RegExp("^[0-9]+$");
    var text = document.getElementById("pin");

    if(numberRegex.test(text.value)){
            notify.innerHTML = '<a style="font-size:1em;">Looks good!</a>';
    }else{
            notify.innerHTML = '<a style="font-size:1em;">Please numbers only.</a>';
    }

    if(text.value.length > 4){
            text.value = text.value.substring(0,4);
    }


}

</script>


</head>
<body>


<h1>Please enter a four digit pin number:</h1>

<form method="post" action="">
<input type="text" name="pin" id="pin" size="32" onkeyup="return pinnotify();"> <span id="notify"></span><br/>
</form>
</body>
</html>




函数pinnotify（）{
var notify=document.getElementById（'notify'）；
var numberRegex=newregexp（“^[0-9]+$”；
var text=document.getElementById（“pin”）；
if（numberRegex.test（text.value））{
notify.innerHTML='看起来不错！'；
}否则{
notify.innerHTML='请仅输入数字'；
}
如果（text.value.length>4）{
text.value=text.value.substring（0,4）；
}
}
请输入一个四位数的pin码：



使用如下Javascript和正则表达式：


<html>
<head>

<script language="javascript" type="text/javascript">

function pinnotify() {
    var notify = document.getElementById('notify');
    var numberRegex = new RegExp("^[0-9]+$");
    var text = document.getElementById("pin");

    if(numberRegex.test(text.value)){
            notify.innerHTML = '<a style="font-size:1em;">Looks good!</a>';
    }else{
            notify.innerHTML = '<a style="font-size:1em;">Please numbers only.</a>';
    }

    if(text.value.length > 4){
            text.value = text.value.substring(0,4);
    }


}

</script>


</head>
<body>


<h1>Please enter a four digit pin number:</h1>

<form method="post" action="">
<input type="text" name="pin" id="pin" size="32" onkeyup="return pinnotify();"> <span id="notify"></span><br/>
</form>
</body>
</html>




函数pinnotify（）{
var notify=document.getElementById（'notify'）；
var numberRegex=newregexp（“^[0-9]+$”；
var text=document.getElementById（“pin”）；
if（numberRegex.test（text.value））{
notify.innerHTML='看起来不错！'；
}否则{
notify.innerHTML='请仅输入数字'；
}
如果（text.value.length>4）{
text.value=text.value.substring（0,4）；
}
}
请输入一个四位数的pin码：



使用如下Javascript和正则表达式：


<html>
<head>

<script language="javascript" type="text/javascript">

function pinnotify() {
    var notify = document.getElementById('notify');
    var numberRegex = new RegExp("^[0-9]+$");
    var text = document.getElementById("pin");

    if(numberRegex.test(text.value)){
            notify.innerHTML = '<a style="font-size:1em;">Looks good!</a>';
    }else{
            notify.innerHTML = '<a style="font-size:1em;">Please numbers only.</a>';
    }

    if(text.value.length > 4){
            text.value = text.value.substring(0,4);
    }


}

</script>


</head>
<body>


<h1>Please enter a four digit pin number:</h1>

<form method="post" action="">
<input type="text" name="pin" id="pin" size="32" onkeyup="return pinnotify();"> <span id="notify"></span><br/>
</form>
</body>
</html>




函数pinnotify（）{
var notify=document.getElementById（'notify'）；
var numberRegex=newregexp（“^[0-9]+$”；
var text=document.getElementById（“pin”）；
if（numberRegex.test（text.value））{
notify.innerHTML='看起来不错！'；
}否则{
notify.innerHTML='请仅输入数字'；
}
如果（text.value.length>4）{
text.value=text.value.substring（0,4）；
}
}
请输入一个四位数的pin码：



使用如下Javascript和正则表达式：


<html>
<head>

<script language="javascript" type="text/javascript">

function pinnotify() {
    var notify = document.getElementById('notify');
    var numberRegex = new RegExp("^[0-9]+$");
    var text = document.getElementById("pin");

    if(numberRegex.test(text.value)){
            notify.innerHTML = '<a style="font-size:1em;">Looks good!</a>';
    }else{
            notify.innerHTML = '<a style="font-size:1em;">Please numbers only.</a>';
    }

    if(text.value.length > 4){
            text.value = text.value.substring(0,4);
    }


}

</script>


</head>
<body>


<h1>Please enter a four digit pin number:</h1>

<form method="post" action="">
<input type="text" name="pin" id="pin" size="32" onkeyup="return pinnotify();"> <span id="notify"></span><br/>
</form>
</body>
</html>




函数pinnotify（）{
var notify=document.getElementById（'notify'）；
var numberRegex=newregexp（“^[0-9]+$”；
var text=document.getElementById（“pin”）；
if（numberRegex.test（text.value））{
notify.innerHTML='看起来不错！'；
}否则{
notify.innerHTML='请仅输入数字'；
}
如果（text.value.length>4）{
text.value=text.value.substring（0,4）；
}
}
请输入一个四位数的pin码：



以下是我过滤数字并检查文本字段中最大值的方法

它适用于任何浏览器

JS功能：


function InputReplaceForInt(input, max) {
    if(max > 0 && input.value.length > max) {
        input.value = input.value.substr(0,max);
    }
    input.value = input.value.replace(/[^\d]/g, '');
}


Html代码：


<input name="telephone"  type="text" onkeyup="InputReplaceForInt(this,11)"/>



以下是我过滤数字并检查文本字段中最大值的方法

它适用于任何浏览器

JS功能：


function InputReplaceForInt(input, max) {
    if(max > 0 && input.value.length > max) {
        input.value = input.value.substr(0,max);
    }
    input.value = input.value.replace(/[^\d]/g, '');
}


Html代码：


<input name="telephone"  type="text" onkeyup="InputReplaceForInt(this,11)"/>



以下是我过滤数字并检查文本字段中最大值的方法

它适用于任何浏览器

JS功能：


function InputReplaceForInt(input, max) {
    if(max > 0 && input.value.length > max) {
        input.value = input.value.substr(0,max);
    }
    input.value = input.value.replace(/[^\d]/g, '');
}


Html代码：


<input name="telephone"  type="text" onkeyup="InputReplaceForInt(this,11)"/>



以下是我过滤数字并检查文本字段中最大值的方法

它适用于任何浏览器

JS功能：


function InputReplaceForInt(input, max) {
    if(max > 0 && input.value.length > max) {
        input.value = input.value.substr(0,max);
    }
    input.value = input.value.replace(/[^\d]/g, '');
}


Html代码：


<input name="telephone"  type="text" onkeyup="InputReplaceForInt(this,11)"/>





这解决了数字问题，但您仍然可以键入任何您想要的数字。并非所有浏览器都完全支持它。要在所有浏览器中获得更好的全面覆盖，您需要Javascript。并尝试提交一个PIN码12345-它在提交时被浏览器停止。这解决了数字问题，但你仍然可以键入任何你想要的数字。并非所有浏览器都完全支持它。要在所有浏览器中获得更好的全面覆盖，您需要Javascript。并尝试提交一个PIN码12345-它在提交时被浏览器停止。这解决了数字问题，但你仍然可以键入任何你想要的数字。并非所有浏览器都完全支持它。要在所有浏览器中获得更好的全面覆盖，您需要Javascript。并尝试提交一个PIN码12345-它在提交时被浏览器停止。这解决了数字问题，但你仍然可以键入任何你想要的数字。并非所有浏览器都完全支持它。要在所有浏览器中获得更好的全面覆盖，您需要Javascript。并尝试提交一个PIN码12345-它在提交时被浏览器停止。