(15年学硕）实现表单验证，数字通过，非数字提示数据错误

最新推荐文章于 2024-09-27 09:37:38 发布

橘猫与柠檬

最新推荐文章于 2024-09-27 09:37:38 发布

阅读量316

点赞数

分类专栏：真题学硕文章标签： JavaScript 正则表达式表单验证前端开发数据校验

本文链接：https://blog.csdn.net/m0_46547715/article/details/121476750

版权

真题学硕专栏收录该内容

6 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>15学硕</title>
	<script type="text/javascript">
		function checkInput(){
			//注意表单元素常用name属性而不是id属性的原因以及name和id的区别
			var value = document.myform.inputContent.value;
			/*var pos =value.search(/^[0-9]+$/);
			if(pos==0){
                 alert("通过");
                 return true;
			}else{
				alert("数据错误，请更改数据");
				return false;
			}*/
			var pos = /^[0-9]+$/;
			if(!pos.test(value)){
				alert("数据错误，请更改数据");
				return false;
			}else{
				alert("通过");
				return true;
			}
			//两种方法都行
		}
	</script>
</head>
<body>
<form id="form1" name="myform" method="post" action="#" onsubmit="checkInput()">
	<label>输入内容</label>
	<input type="text" name="inputContent" maxlength="24" />
	<br/>
    <input type="submit" name="Submit"  value="提交" />
</html>