javascript知识（一）用JS完成注册表单校验

1.组成部分

ECMAScript:它是整个JavaScript的核心，包含基本语法，变量，关键字，保留字，数据类型，语句。

DOM：文件对象模型，包含整个HTML的内容。

BOM：浏览对象模型，包含整个浏览器相关内容。

2.ECMAScript语法

（1）区分大小写

（2）变量是弱类型，使用var定义关键字。

（3）每行结尾的；可有可无。

（4）变量声明不是必须的

（5）===是无需类型转换下相等才为true

3.获取元素内容

document.getElementById("id 名称") 注意：如果是字符串，必须加双引号

4.表单提交事件：onsubmit

5.javascripte 的输出
警告框：alert();
向页面指定位置写入内容：innerHTML(属性)
向页面写入内容：document.write(“”);

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

7.如何控制表单提交？
关于事件 onsubmit：一般用于表单提交的位置，那么需要在定义函数的时候给出一个
返回值。 onsubmit = return checkForm()

具体实现

1.在<form>中写<form onsubmit = return checkForm()> //checkForm这个名称不是固定的

2.在head头文件中加入<script></script>，在其中间写代码（不要忘记设置id）。

点击提交按钮后进行校验代码
1.头文件中的：
<script>
			function checkForm(){
				//校验用户名
				var uvalue =document.getElementById("user").value;
				if(uvalue==""){
					alert("用户名不能空！");
					return false;
				}
				//校验密码
				var pvalue=document.getElementById("password").value;
				if(pvalue==""){
					alert("密码不能为空")
					return false;
				}
				//校验确认密码
				var rpvalue=document.getElementById("rpassword").value;
				if(pvalue!=rpvalue){
					alert("密码不一致");
					return false;
				}
				//邮箱校验
				var eValue = document.getElementById("eamil").value;
				if(!/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){
				alert("邮箱格式不正确!");
				return false;
				}
			}
</script>
2.form中添加onsubmit：
<form action="#" method="get" name="regform" onsubmit="return checkForm()">
3.设置id 以用户名为例
<input type="text" name="user" size="33px" id="user"/>