100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JavaScript验证表单数据 HTML自动验证表单数据是否为空 数字范围

JavaScript验证表单数据 HTML自动验证表单数据是否为空 数字范围

时间:2021-05-11 20:44:00

相关推荐

JavaScript验证表单数据 HTML自动验证表单数据是否为空 数字范围

典型数据验证:

a.字段是否为空;

b.输入内容是否合法(例如数字字段是否输入了文本,email格式是否正确等)

数据验证时可通过javaScript进行表单验证,也可提交表单,在服务器端验证。通常情况下,更多的使用表单验证,效率更高。

onsubmit表单验证

<html><head><meta charset="utf-8"><title>javaScript表单验证</title><script>function validateForm() {//获取表单元素的值var x = document.forms["myForm"]["fname"].value;//验证是否为空if (x == null || x == "") {alert("名字不能为空!");return false;}}</script></head><body><form name="myForm" action="#"onsubmit="return validateForm()" method="post">名字: <input type="text" name="fname"><input type="submit" value="提交"></form></body></html>

- HTML表单自动验证

<html><head><meta charset="utf-8"><title>表单自动验证是否为空</title></head><body><!--Internet Explorer 9 及更早 IE 浏览器不支持表单自动验证。--><!--验证字段是否为空--><form action="#" method="post"><input type="text" name="fname" required="required"><input type="submit" value="提交"></form><p>点击提交按钮,如果输入框是空的,浏览器会提示:“请填写此字段”。</p></body></html>

<html lang="en"><head><meta charset="UTF-8"><title>表单自动验证数字</title></head><body><!--验证数字是否在0-3之间,type需要设置为number类型--><form action="#" method="post"><input type="number" name="text" required min="0" max="3"><input type="submit" value="提交"></form></body></html>

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