JavaScript表单即时验证 验证不成功不能提交

不能再让表单在提交按钮之后才被验证了！你输入的任何信息表单都会即时反应！ 这个JavaScript的关键是onChange()事件，使用onKeyUp()事件完成是不行的，人家没有输入完毕，你就说人家不对，多不友好啊╮(╯▽╰)╭

一、基本目标

一个表单认证页，如果输入的用户名超过10位则会立即在输入框旁边弹出提示：

如果密码少于6位，而且两次输入密码不一致同样弹出提示，

如果你没有勾选阅读条款的复选框，同样会弹出提示

知道你所有的项目满足设定的条件之前，提交按钮无效。

满足设定条件，表单通过get的方法提交。

二、制作过程

整个页面的代码如下：

rush:xhtml;">

表单验证小例子

请输入信息

用户名：
密码：
确认密码：
我已经阅读了XX条款并不能同意得更多

下面一个一个函数进行说明：

1.先完成html页面的表单部分，也就是整个页面主体部分

rush:xhtml;">

表单验证小例子

请输入信息

用户名：
密码：
确认密码：
我已经阅读了XX条款并不能同意得更多

每一个表单的都分别设置了id与name，id是给上面的js函数getelementbyid使用的，name是给action的get方法使用。 onchange()是当用户输入完毕，元素改变之后才js的函数调用，onkeyup是完成一个字母输入就进行js函数调用，那当然选择前者。

总表单的提交是首先要通过onsubmit()方法的判断，如果这个onsubmit()的真值不为真，就不让提交，一般这个值默认为真，表单是无条件就条件，所以我们要让其返回check()所返回的值，看看此表单是否被允许调教

2.JS函数，也就是头的