saber 酱的抱枕

Fly me to the moon

04/17
2015
学习

js判断input输入框的值是否是数字、字母、汉字

js判断input输入框的值是否是数字、字母、汉字:

	<script>
		function check(){
			if(!isNaN(document.all.form.str.value)){
				alert("输入的全是数字!");
				return false;
			}else{
				if(/[_a-zA-Z]/.test(document.all.form.str.value)){
					alert("输入的全是字母!");
					return false;
				}else{
					if(/^[\u4e00-\u9fa5]+$/i.test(document.all.form.str.value)){
						alert("输入的全是中文!");
						return false;
					}
				}
			}
		}
	</script>
	<form name="form" action="" onsubmit="return check();">
	<input type=text name=str>
	<input type=submit value="检测输入文字的类型">
	<form>

但是这种判断是全部判断,就是说全是数字或者全是字母或者全是汉字才会生效,如果字符掺杂在一起就无效了。可以用来限制输入框内的类型必须全部是某一类型。
Ps:也可以使用js内建的isNaN()函数来判断数值是不是数字(isNaN表示不是数字)。
相关文章:js验证input输入框的内容

js判断input输入框的值是否是数字、字母、汉字

04/17
2015
学习

js验证input输入框的内容

<h1>js验证输入框内容</h1>
<br />
<br />

只能输入英文
<input type="text" onkeyup="value=value.replace(/&#91;^a-zA-Z&#93;/g,'')">
<br />
<br />
只能输入英文
<input type="text" onkeyup="value=value.replace(/&#91;^\a-\z\A-\Z&#93;/g,'')"
	onkeydown="fncKeyStop(event)" onpaste="return false"
	oncontextmenu="return false" />
无法粘贴,右键不会弹出粘贴菜单
<br />
<br />
只能输入数字:
<input onkeyup="this.value=this.value.replace(/\D/g,'')"
	onafterpaste="this.value=this.value.replace(/\D/g,'')">
<br />
<br />
只能输入数字,小数点:
<input name="price" type="text"
	onkeyup="value=value.replace(/&#91;^\d\.&#93;/g,'')">
<br />
<br />
只能输入数字,小数点,下划线:
<input name="price" type="text"
	onkeyup="value=value.replace(/&#91;^\d\._&#93;/g,'')">
<br />
<br />
只能输入英文和数字:
<input onkeyup="value=value.replace(/&#91;\W&#93;/g,'') "
	onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/&#91;^\d&#93;/g,''))">
<br />
<br />
只能输入汉字:
<input onkeyup="value=value.replace(/&#91;^\u4E00-\u9FA5&#93;/g,'')"
	onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/&#91;^\u4E00-\u9FA5&#93;/g,''))">
<br />
<br />
禁止输入法输入:
<input type="text" style="ime-mode: disabled">
无法切换输入法
<br />
<br />
只能输入中文、英文、数字、@符号和.符号:
<input type="text"
	onkeyup="value=value.replace(/&#91;^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.&#93;/g,'')">
<br />
<br />
不能为空:
<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">
<br />
<br />

js验证input输入框的内容

10/11
2014
学习

js表单验证

这也是常用的东西了,但是我之前没做过,现在研究了一下,原理就是提交表单的时候要求一个返回值,这个返回值是true还是false则由JS进行取值判断。以前不了解表单提交时可以判断true或者false的机制,还以为更加复杂呢。做了个最简单的判断姓名不能为空的demo,代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>js表单验证</title>
</head>
<body>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
function checkfrom () {
	if ($("#youname").val()=="") {
		alert("姓名不能为空!");
		$("#youname").focus();
		return false;
	}else{
		return true;
	};
}
</script>
<form action="../../plus/diy.php"  method="post"  onsubmit="return checkfrom()">
	姓  名:<input  id="youname" name="youname" type="text" value="">
	<input class="coolbg" name="submit" type="submit" value="提 交">
</form>
</body>
</html>

Read More →

js表单验证