FORM表单 validity setCustomValidity和checkValidity使用
2016-04-09 13:29
549 查看
<!DOCTYPE HTML>
<html>
<body>
<form action="add">
生日:<input id="birth" name="birth" type="date"/><br/>
邮件地址:<input id="email" name="email" type="email"/><br/>
<input type="submit" value="提交" onclick="return check();"/>
</form>
<script>
function check(e){
var targetEle = document.getElementById("email");
targetEle.oninvalid = function(e){
alert("sd" + JSON.stringify(e.target.validity.valid));
};
//alert(targetEle.checkValidity());
if(!targetEle.checkValidity()){
targetEle.setCustomValidity("mail is not correct");
}
//alert(JSON.stringify(targetEle.validity));
}
</script>
</body>
</html>
<html>
<body>
<form action="add">
生日:<input id="birth" name="birth" type="date"/><br/>
邮件地址:<input id="email" name="email" type="email"/><br/>
<input type="submit" value="提交" onclick="return check();"/>
</form>
<script>
function check(e){
var targetEle = document.getElementById("email");
targetEle.oninvalid = function(e){
alert("sd" + JSON.stringify(e.target.validity.valid));
};
//alert(targetEle.checkValidity());
if(!targetEle.checkValidity()){
targetEle.setCustomValidity("mail is not correct");
}
//alert(JSON.stringify(targetEle.validity));
}
</script>
</body>
</html>
相关文章推荐
- Android5.x 新控件之RecyclerView,CardView,Palette的使用
- js构建ui的统一异常处理方案(三)
- OpenCV 数字验证码识别
- 在Ubuntu平台下编译比特币bitcoin客户端
- Linux shell ${}简单用法
- 0 / 1 背包问题--动态规划(附详细注释)
- 结对编程-四则运算
- hdu 2112 HDU Today
- piblog 0.2
- jdk8——你可能错过的java7特性
- (leetcode) 238. Product of Array Except Self My Submissions QuestionEditorial Solution
- HDU-4967 Handling the Past (线段树)
- Redis监控工具—Redis-stat、RedisLive
- 第七周项目2:求两点的距离(1)成员函数
- Z字形扫描
- jquery的html,text,val
- block 定义
- 黄金点游戏二人结对项目总结
- C++ 求幂的运算符是什么?
- XUtils net