我真的不知道JS,所以必须使用php strlen()函数。但是我想减少服务器的负载。这是我的注册表格:
<blockquote>
<form action="<?php echo $_SERVER['PHP_SELF']?>" method="post">
<h3><i>Username </i></h3> <input type="text" name="new_user_name" size="14" style="width:254px; height:24px; " /><br/>
<h3><i>Password </i></h3><input type="Password" name="new_user_password" SIZE="14" style="width:254px; height:24px;" /><br/>
<h3><i>Email </i></h3><input type="text" name="new_user_mail" size="14" style="width:254px; height:24px;" /><br/><br/>
<input type="submit" name="submitok" id="mysubmit" value="Sign Up!" />
</form>
</blockquote>
您仍然应该进行服务器端检查。依赖客户端对输入的验证是一个非常糟糕的主意。如果用户禁用了Javascript怎么办?如果用户使用自己的表单怎么办?
对于你的问题,你可以这样做:
<input type="text" id="signupbox" onchange="verifyLength(this)" />
<span id='warning'></span>
(Javascript code)
function verifyLength(e) {
if (e.value.length > 5) { // Change 5 to whatever you want as your minimum length
document.getElementById('warning').innerHTML = "Your input is too short!"
} else {
document.getElementById('warning').innerHTML = "";
}
}
提交:
document.getElementById('form_id_here').addEventListener('submit', function(e) {
if (document.getElementById('input_id_here').length < minimum_length_here)
e.preventDefault();
}, false);
在改变:document.getElementById('input_id_here').addEventListener('change', function(e) {
if (e.target.length < minimum_length_here)
// do stuff
else
// do other stuff
}, false);
请注意,如果您有BMP以外的字符,.length
以UTF-16值测量,这与Unicode码点不同。
还要注意,您应该保持服务器端检查到位;如果用户禁用JavaScript,而您没有服务器端验证,那么您的预期限制可以被绕过。
你可能想看看这个:
http://docs.jquery.com/Plugins/validation验证器
查看各种验证方法,并且比您要求的要多得多:http://docs.jquery.com/Plugins/validation验证器
希望这有助于-它的简单和容易!
有很多方法可以做到这一点。就像Stackoveflow在它的注释文件中所做的那样,每次击键计数字符,并通知用户需要多少其他字符,你可以这样做。(我没有运行代码)HtML:
<label id="name'>Name:<input type="text"/><span></span></label>
JavaScript (jQuery): $('#name input').bind('keydown', function(e){
if($('#name input')[0].val().length < 5){
$('#name span').text('You need ' + (5 - $('#name input')[0].val().length ) + 'more charecters');
}
else{ $('#name span').text('');}
});
从回复的数量可以看出,有几种方法。这是另一个,类似于Jared Ng的回答,但使用onkeypress和检查,以确保输入不是一个控制键,否则当你按下限制选项卡和退格将不适合你。
<html>
<head>
<script type="text/javascript">
function limit_length(event, max_length) {
event = (event) ? event : window.event;
var keycode = (event.which) ? event.which : event.keyCode;
if (keycode > 48) {
if (document.myform.myinput.value.length >= max_length) return false;
}
return true;
}
</script>
</head>
<body>
<form name="myform">
<input type="text" name="myinput" onkeypress="return limit_length(event, 5)"/>
</form>
</body>