有了以上信息:我们就可以用js或jquery去获取文本框中的文本,计算文本框中有多少个字节。假设:文本框宽 = 30像素 实际可以写入10个数字也就是10个字节,多于10就超出文本框的款度。再假设文本框中输入:123abc字节数用js通进正则我们找出汉字个数 乘以 2 就是汉字所占的字节,加上非汉字的字符(全角符号也是2个字节),上例中一个有12个字节。我们知道现文本框中 >10字符就超出了文本框宽度。
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript">
function sub(){
var pass1 = $(":text:eq(0)").val()
var pass2 = $(":text:eq(1)").val()
var pass3 = $(":text:eq(2)").val()
if("aaa"==pass1 &&"bbb"==pass2 &&"ccc"==pass3){
return true
}else{
layer.msg("输入错误 请依次输入aaa,bbb,ccc",function(){})
return false
}
}
</script>
</head>
<body>
<div >
<form action="reg" method="post" onsubmit="return sub()">
<div >
<div >输入数据的判断</div>
<div >
<p><input type="text" name="reg_ue" placeholder="请输入aaa"></p>
<p><input type="text" name="reg_pd" placeholder="请输入bbb"></p>
<p><input type="text" name="reg_ne" placeholder="请输入ccc"></p>
</div>
<div >
<button class="btn btn-danger btn-lg btn-block">注册</button>
</div>
</div>
</form>
</div>
</body>
</html>
//这样可以吗