首页前端开发HTMLHTML5 表单验证

HTML5 表单验证

时间2024-05-19 22:18:03发布访客分类HTML浏览88
导读:表单验证 显示验证----可自己设置验证通过 和 不通过的 提示信息 /* 显示验证----可自己设置验证通过 和 不通过的 提示信息 checkValidity方法用于检验输入信息与规则是否匹配,匹配则返回TRUE 不匹配则返回F...

表单验证

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


/*

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

checkValidity方法用于检验输入信息与规则是否匹配,匹配则返回TRUE 不匹配则返回FALSE

*/

function checkName(){

var name=document.getElementById("user");

var result=document.getElementById("result");

if(name.value=='')

{

result.innerText="请输入姓名";

alert("输入姓名");

return;

}

var flag=name.checkValidity();

if(flag){

result.innerText="格式正确";

} else

result.innerText="格式不正确";

}


name




自动验证

num

数字:

步长:3


取消验证

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: HTML5 表单验证
本文地址: https://pptw.com/jishu/663722.html
自学html5软件开发必读的6本书 一文读懂HTML5和HTML4区别!

游客 回复需填写必要信息