您的位置：首页 > Web前端 > HTML5

html5自带的表单验证

2017-07-18 01:17 369 查看
后来仔细一看出了点问题。以后再更新。

纯前端html5+js验证



<body>
<form action="">
生日：<input name="birth" type="date" id="birth" />
邮箱：<input name="email" type="email" id="email" />
<input type="submit" value="提交" onclick="return check();" />
</form>
<script>
var check = function ()
{
return commonCheck(birth, "生日", "字段必须是有效日期！")
&& commonCheck(email, "邮箱", "字段必须是有效！");
}
var commonCheck = function (file, filename, tip)
{
var targetEle = document.getElementById(file);
if (targetEle.value.trim() == "") {
alert("必须填写！");
return false;
}
else if (!targetEle.checkValidity()) {
alert(filename + tip);
return false;
}
return true;
}
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航