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属性等来进行一些简单的验证

HTML通过JavaScript表单验证相关推荐

javascript 表单验证大全（一）
javascript 表单验证大全(一) 5.身份证验证:包括15位和18位.function idNumber(s)//身份证验证 {regu1=/^[1-9]\d{7}((0\d)|(1[0-2] ...
10个强大的Javascript表单验证插件推荐
创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScri ...
html表单验证js代码,JavaScript表单验证实现代码
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输 ...
15个最佳的 JavaScript 表单验证库
客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...
15个非常实用的JavaScript表单验证库
来源:web前端开发 https://mp.weixin.qq.com/s/p9s9cmAt2MZeCgmD2LC5Sg 客户端验证在任何项目都是不可缺少的,很多时候我们需要在用户提交到服务器之前给予 ...
html自动验证邮件地址格式,JavaScript表单验证和邮箱格式验证的方法
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单 ...
注册表单校验 js java,JavaScript表单验证完美代码
用原生JS写一个简单的表单验证首先,是html部分新用户注册基本信息用户名: 请输入至少3位的用户名密码: 请输入4到8位的密码确认密码: 请再输入一遍密码手机号码: 请输入11位手机号 ...
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输入的邮件地 ...
JavaScript表单验证及注册界面
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 表单数据经常需要使用 JavaScript 来验证其正确性下面是今天这个界面的 HTML CSS Jav ...

HTML通过JavaScript表单验证

HTML通过JavaScript表单验证

HTML通过JavaScript表单验证相关推荐

最新文章

热门文章