表单验证

显示验证-可自己设置验证通过和不通过的提示信息

脚本

/*

显示验证-可自己设置验证通过和不通过的提示信息

检查有效性方法用于检验输入信息与规则是否匹配，匹配则返回真实的不匹配则返回错误的

*/

函数checkName(){

var name=document。getelementbyid(' user ')；

var result=文档。getelementbyid(' result ')；

if(name.value==' ')

{

result.innerText='请输入姓名；

"警报("输入姓名');

返回；

}

var flag=name。check validation()；

if(flag){

result.innerText='格式正确；

}else

result.innerText='格式不正确；

}

/script

形式

表单分组

神话；传奇

名字

/图例

输入类型=' text ' id=' user ' bulr上的pattern='^[a-za-z0-9]{5,}$'=' check name()'！-在布尔事件会在对象失去焦点时发生-

span id='结果/span

英国铁路公司

输入类型='密码'

英国铁路公司

输入类型='提交'值='提交'

/fieldset

/form

自动验证

！-表单自动验证属性：所需模式数字验证最小更大步长-

形式

表单分组

神话；传奇

数字

/图例

标签数字：/标签输入类型=' number ' min=' 0 ' max=' 100 '

标签步长：3/标签

输入类型='数字'步骤='3 '

输入类型='提交'值='提交'

/fieldset

/form

取消验证

关闭验证属性可取消表单全部元素的验证

！- novalidate属性可取消表单全部元素的验证-

格式novalidate='true '

输入类型='电子邮件'

/form