表单校验二

Posted 2021-12-21 jiayiblog

HTM5新增属性

placeholder  提示，输入为空时显示提示信息，获得焦点输入时提示信息消失

required　　输入不能为空

pattern 　　校验input域的模式(正则表达式)

validity属性

validityState对象

属性　　　       描述

valueMissing      表单元素设置了required特性，则为必填项。如果必填项的值为空，就无法通过表单验证，valueMissing属性会返回true，否则返回false。

typeMismatch     输入值与type类型不匹配。html 5新增的表单类型如email、number、url等，都包含一个原始的类型验证。如果用户输入的内容与表单类型不符合，则        typeMismatch属性将返回true，否则返回false。

patternMismatch  输入值与pattern特性的正则表达式不匹配。如果输入的内容不符合pattern验证模式的规则，则patternMismatch属性将返回true，否则返回false。

 

stepMismatch    输入的值不符合step特性所推算出的规则。用于填写数值的表单元素可能需要同时设置min、max和step特性，这就限制了输入的值必须是最小值与step特性值的倍数之和。

customError      使用自定义的验证错误提示信息

　　方法　　　　　　　　　　　　　　描述

　　setCustomValidity( )方法 　　　　自定义错误提示信息

　　setCustomValidity(message)  　　把错误提示信息自定义为message，此时customError属性值为true；

　　setCustomValidity("")　　　　　　会清除自定义的错误信息，此时customError属性值为false。

tooLong　　　　限定最大长度maxLength   输入的内容超过了最大长度限制，则tooLong属性返回true，否则返回false。

rangeUnderflow   限定输入值小于min特性的值     小于最小值  ture   反之false

rangeOverflow      输入的值大于max特性的值   大于最大值  ture  反之false

 

配置JDK环境变量(win10)

我的电脑--高级系统设置---环境变量---系统变量

变量　　　　　　　　值

JAVA_HOME  　　C:\Program Files\Java\jdk1.8.0_141 （bin的上一级）

JRE_HOME    　　C:\Program Files\Java\jre1.8.0_141

Path   　　　　　  C:\Program Files\Java\jdk1.8.0_141\bin;C:\Program Files\Java\jdk1.8.0_141\jre\bin

ClassPath   　　　.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar