<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
<script>
$(function(){
$("#username").bind('input propertychange',function(){
$("#result").html($(this).val().length+' character');
});
});
$(function(){
$("#password").bind('input propertychange',function(){
a=$(this).val();
var reg=/^[1-9]\d*$|^0$/;
if(a<0){
$("#remind").html("您输入一个负值");
}else if(a>=0){
$("#remind").html("您输入一个正值");
}else if(reg.test(a)==false){
$("#remind").html("您输入不是一个数值");
}
});
});
</script>
</head>
<body>
<h1> 实时监测input中值的字符串 </h1>
<input type="text" id="username" name="username" autocomplete="off"/><span id="result" style="color: red;"></span>
<h2>实时监测input中的值并作出提示</h2>
<input type="text" id="password" name="password" autocomplete="off"/><span id="remind" style="color: red;"></span>
</body>
</html>
最近在项目中遇到一个小问题,遇到一个文本框需要超过一定数值后做出一个小提示,所以结合一些内容写出。id="password" 就是对于数值做出一个判断。
举个小例子:比如学生录入成绩,正常超过60分及格以上不需要提示,低于60就提示成绩不合格。这个只需要在判断条件里面稍微修改下条件内容。