js表单数据效验

目录

列：使用js完成注册表单数据的效验

列：优化表单效验

---

列：使用js完成注册表单数据的效验

操作：当点击注册按钮时，完成表单效验

实现步骤：

• 第一步：确定事件(onsubmit)并为其绑定一个函数
• 第二步：书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)
• 第三步：对用户输入的数据进行判断
• 第四步：数据合法(让表单提交)
• 第五步：数据非法(给出错误提示信息，不让表单提交)

JavaScript代码

		<script type="text/javascript">
			function checkForm() {
				//alert("aa");
				/**校验用户名*/
				//1.获取用户输入的数据
				var uValue = document.getElementById("user").value;
				//alert(uValue);
				if (uValue == "") {
					//2.给出错误提示信息
					alert("用户名不能为空!");
					return false;
				}

				/*校验密码*/
				var pValue = document.getElementById("password").value;
				if (pValue == "") {
					alert("密码不能为空!");
					return false;
				}

				/**校验确认密码*/
				var rpValue = document.getElementById("repassword").value;
				if (rpValue != p