700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > HTML通过JavaScript表单验证

HTML通过JavaScript表单验证

时间:2023-07-06 12:26:03

相关推荐

HTML通过JavaScript表单验证

HTML通过JavaScript表单验证

用户在填写表单的时候,我们程序对其进行验证是必须的,随便举个例子:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表单验证</title><script>function Check(){var x = document.getElementById("input1").value;document.getElementById("input1").value = "";if(isNaN(x))document.getElementById("p1").innerHTML = "输入内容不是数字";else if(x >= 10 && x <= 20)document.getElementById("p1").innerHTML = "输入正确";else if(x < 10)document.getElementById("p1").innerHTML = "数字太小";elsedocument.getElementById("p1").innerHTML = "数字太大";}</script></head><body><form name="MyForm" method="get">请输入10~20的数字:<input type="text" id="input1" width="30px"><input type="button" onclick="Check()" value="确定"><p id="p1"></p></form></body></html>

还可以直接给HTML的元素添加required属性,email属性等来进行一些简单的验证

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。