1、lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot lttitleHTML5表单验证lttitle ltlink rel=quotstylesheetquot type=quottextcssquot href=quotcssstylecssquot ltlink rel=quotstylesheetquot type=quottextcss；form有个onsubmit属性，放个校验方法 校验通过return true 否则return false 返回false就不提交给服务器；1首先，给 HTML 页面里的用户名和密码输入框都定义一个id属性，例如用户名ltinput type=quottextquot id=quotusernamequot value=quotquot 密 码ltinput type=quotpasswordquot id=quotpasswordquot value=quotquot 2其次，放置一个按钮；在HTML5中内置了很多表单的验证规则，这些验证规则会根据用户在input元素中输入的内容返回一个布尔值来告诉我们表单验证的状态下面我们就来列举一些我们比较常用的内置验证规则吧ValueMising规则 示例ltinput type=quottextquot；在 HTML 中，你可以通过设置表单元素的 required 属性来实现多选时至少要填写一个选项的验证具体来说，你需要将多选的选项使用 input 标签中的 type=quotcheckboxquot 属性表示，并且给其中至少一个选项添加 required 属性以下；设置表单的验证消息，并结合class属性样式将其隐藏起来 ltdiv 这里的datarule的属性值是HTML5表单中内置的验证规则中的一种 ltspan datarule=quotvalueMissingquotclass=quothidequot用户名不能为空ltspan ltspan data。

2、可以不在提交表单时再进行验证单个验证完之后，点击提交按钮的时候，就不需要再次验证了，可以设置一个变量，在任何一个控件，不满足的时候设置为false表单在网页中主要负责数据采集功能一个表单有三个基本组成部分 表单；function checkformform var reg = ^09azAZ8$ var password = documentgetElementsByName#39password#390value var flag = regtestpassword if！flag alert#39密码必；将原本type为text的input控件声明为以上特殊类型，是为了给用户呈现不同的输入界面移动平台上支持这些不同的输入界面，这里就不细说，而且表单提交时会对其值做进一步的验证下面展示这些新表单元素，请用支持这些表单元素的浏览器查看，IE；一JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证二下面的函数用来检查用户是否已填写表单中的必填或必选项目假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false；如果服务器上有安装类似服务器安全狗之类的防护软件并且开启了文件目录守护的话，刚好你提交的那个目录是被守护的目录，禁止创建或禁止执行的话，就会提示无权限的~。

3、判断表单的value属性，如果为空就终止提交ifdocumentgetElementByIdquotusernamequotvalue==quotquot；你好，asp也可以判断输入框文本是否为空，但是返回html页面输入框就不会获得焦点了获取焦点得使用jshtml代码如下ltscriptfunction Jugemyformif == quotquotalertquot请输入用户名！quotmyform；lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quot lttitle加入验证的注册页面lttitleltscript type=quottextjavascriptquotfunction checkform1 if form1passwordvalue ！= form1confirmvalue。

4、ltform onsubmit=quot验证js函数quot 函数验证后返回true，表单就提交返回false，表单就不会提交。