用js检测文本框中输入的是否符合条件并有错误和正确提醒

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>捕获异常</title>
	</head>
    <script type="text/javascript">
		function my_func(){

			try{
				x=document.getElementById("input_id").value;
				alert(x);
				if(x==""||x==null) throw "非空";
				if(isNaN(x)) throw "必须是数字";
				if(x<5) throw "数字太小";
				if(x>10) throw "数字太大";
				else throw "输入正确";
			}catch(err){
				document.getElementById("demo").innerHTML="提示:"+err;
			}
	    }
	</script>

	<body>
		<p>请输入5——10之间的数字</p>
		<input type="text" id="input_id"> </input>
		<button type="button" id="button_id" onclick="my_func()">确定</button>
		<p id = "demo"></p>
	</body>
</html>

  

原文地址:https://www.cnblogs.com/zxrxzw/p/10792589.html

时间: 2024-07-29 09:01:02

用js检测文本框中输入的是否符合条件并有错误和正确提醒的相关文章

js 控制文本框只能输入中文、英文、数字等

总而言之:先在<input>里输入onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了,中文u4E00-u9FA5,数字0-9,英文a-z\A-Z,其它符号@.点或其它符号.也可以多个,用\隔开就行了. 例如:中英文 + 数字 + @符号 + 点符号   \a-\z\A-\Z0-9\u4E00-\u9FA5\@\. 若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话 就要在

实现文本框中输入限制字数的效果

实现文本框中输入限制字数的效果: <!DOCTYPE html> <html> <head lang="zh"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8" /> <title>采销商品基本信息</title> </head>

JavaScript实现在页面上的文本框中输入小写字母自动变为大写字母

<script language="javascript" type="text/javascript"> $(function () { $("input[type=text]").keyup(function () { $(this).val($(this).val().toUpperCase()); }); }); </script> $("input[type=text]") 处可为文本框ID,

JavaScript实现在文本框中输入空格时自动填写某个值

<script language="javascript" type="text/javascript"> var txtText4 = "#" + '<%= new DynamicControl(this, "Text4").ClientID%>'; $(function () { $(txtText4).keyup(function (e) { if (e.which == 32) $(this).

Js控制文本框只能输入中文、英文、数字与指定特殊符号

JS 控制文本框只能输入数字<input onkeyup="value=value.replace(/[^0-9]/g,'')"onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')"> JS 控制文本框只能输入数字.小数点<inputonkeyup="value=value.replac

JS控制文本框中的密码显示/隐藏功能

<html> <head> <title>[荐]JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title> <style> body,input{font:menu} </style> </head> <body> <form method="POST" action="addcheck.asp" name="forms&

JS 控制文本框只能输入中文、英文、数字与指定特殊符号

想做姓名输入的js判断是否是中文,但是网上找的很多是源于一篇文章的,判断中文的正则式不对,后来找到一个可以准确判断了,但是是监测里面有中文的就行,跟我想要的只能输入中文的意思相左,所以又找了下面的 JS 控制文本框只能输入数字 input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value

js设置文本框只能输入数字

JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(value))execCommand('undo')&qu

JS限制文本框只能输入数字

通过键盘每个键的key值进行限制,在html代码使用事件onkeydown="return validateDigitsOnly(event)"即可实现 1 /** 2 * 限制文本框只能输入数字 3 * @constructor 4 */ 5 function validateDigitsOnly(evt) { 6 var e = evt || window.event, 7 key = e.keyCode || e.which; 8 9 if ( 10 // Backspace,