用JavaScript做表单的校验

一、效果图

二、原理

表单的校验通过输入框中添加onblur事件，输入框失去焦点时调用js函数，js判断输入的值，操作文档，通过innerHTML属性把输入框后面的提示显示出来。

最后在form标签中添加onsubmit事件，点击注册按钮时调用js函数，仅当所有输入框的value符合要求时，返回true,，表单提交。否则返回false表单不提交。

三、注意事项

js中创建正则表达式需要用"/^……$/”，^表示从头开始匹配，$表示匹配到最后一个字符。例如var reg=/^\w+[@]\w+[.comn]{3,4}$/;

正则表达式的\w，表示a-z，A-Z，0-9还包括下划线。

通常使用正则的test方法来判断字符串是否与正则匹配，如果返回值为true，则匹配成功，返回false，匹配失败。

四、实现代码

 NormalText Code