js验证表单大全3

最新推荐文章于 2025-06-11 21:14:22 发布
原创 最新推荐文章于 2025-06-11 21:14:22 发布 · 256 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。


2 >表单提交验证类 


2.1 表单项不能为空

<scriptlanguage="javascript">
<!--
function CheckForm()
{ 
if (document.form.name.value.length == 0){ 
alert("请输入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>

2.2 比较两个表单项的值是否相同

<scriptlanguage="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value){ 
alert("您两次输入的密码不一样！请重新输入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>

2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

<scriptlanguage="javascript">
<!--
function isNumber(String)
{ 
var Letters = "1234567890-"; //可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{ 
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{ 
if(! isNumber(document.form.TEL.value)){ 
alert("您的电话号码不合法！");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>


2.4 表单项输入数值/长度限定

<scriptlanguage="javascript">
<!--
function CheckForm() 
{ 
if (document.form.count.value > 100 ||document.form.count.value < 1)
{ 
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return false;
}
if(document.form.MESSAGE.value.length<10)
{ 
alert("输入文字小于10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>

2.5 中文/英文/数字/邮件地址合法性判断

<SCRIPTLANGUAGE="javascript">
<!--

function isEnglish(name) //英文值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++){ 
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}

function isChinese(name) //中文值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++){ 
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}

function isMail(name) // E-mail值检测
{ 
if(! isEnglish(name))
return false;
i = name.indexOf(" at ");
j = name dot lastIndexOf(" at ");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}

function isNumber(name) //数值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++){ 
if(name.charAt(i) < "0" || name.charAt(i)> "9")
return false;
}
return true;
}

function CheckForm()
{ 
if(! isMail(form.Email.value)) { 
alert("您的电子邮件不合法！");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) { 
alert("英文名不合法！");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) { 
alert("中文名不合法！");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)){ 
alert("邮政编码不合法！");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>

2.6 限定表单项不能输入的字符

<scriptlanguage="javascript">
<!--

function contain(str,charset)// 字符串包含测试函数
{ 
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}

function CheckForm()
{ 
if ((contain(document.form.NAME.value,"%\(\)><")) ||(contain(document.form.MESSAGE.value,"%\(\)><")))
{ 
alert("输入了非法字符");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>

.1 表单项不能为空

<scriptlanguage="javascript">
<!--
function CheckForm()
{ 
if (document.form.name.value.length == 0){ 
alert("请输入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>
2.2 比较两个表单项的值是否相同
<scriptlanguage="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value){ 
alert("您两次输入的密码不一样！请重新输入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>
2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
<scriptlanguage="javascript">
<!--
function isNumber(String)
{ 
var Letters = "1234567890-"; //可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{ 
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{ 
if(! isNumber(document.form.TEL.value)){ 
alert("您的电话号码不合法！");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>

2.4 表单项输入数值/长度限定
<scriptlanguage="javascript">
<!--
function CheckForm() 
{ 
if (document.form.count.value > 100 ||document.form.count.value < 1)
{ 
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return false;
}
if(document.form.MESSAGE.value.length<10)
{ 
alert("输入文字小于10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>
2.5 中文/英文/数字/邮件地址合法性判断
<SCRIPTLANGUAGE="javascript">
<!--
function isEnglish(name) //英文值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++){ 
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}
function isChinese(name) //中文值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++){ 
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}
function isMail(name) // E-mail值检测
{ 
if(! isEnglish(name))
return false;
i = name.indexOf(" at ");
j = name dot lastIndexOf(" at ");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}
function isNumber(name) //数值检测
{ 
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++){ 
if(name.charAt(i) < "0" || name.charAt(i)> "9")
return false;
}
return true;
}
function CheckForm()
{ 
if(! isMail(form.Email.value)) { 
alert("您的电子邮件不合法！");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) { 
alert("英文名不合法！");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) { 
alert("中文名不合法！");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)){ 
alert("邮政编码不合法！");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>
2.6 限定表单项不能输入的字符
<scriptlanguage="javascript">
<!--
function contain(str,charset)// 字符串包含测试函数
{ 
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}
function CheckForm()
{ 
if ((contain(document.form.NAME.value,"%\(\)><")) ||(contain(document.form.MESSAGE.value,"%\(\)><")))
{ 
alert("输入了非法字符");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>
JavaScript表单验证
Python老吕的博客
05-31 1190
JavaScript表单验证是确保Web应用程序数据完整性和安全性的关键步骤。通过掌握常见的验证方法、灵活应用正则表达式以及关注用户体验，我们可以构建出既强大又易于使用的表单验证系统。随着Web技术的不断发展，我们还可以结合HTML5的内置验证功能、CSS样式以及第三方验证库来进一步提升验证效果和用户体验。虽然前端验证对于提升用户体验至关重要，但它并不能替代后端验证。前端验证的主要目的是提供即时反馈并减少不必要的服务器请求，而后端验证则是确保数据完整性和安全性的最后一道防线。
JavaScript 进行表单验证
2401_82968855的博客
06-22 941
本篇主要介绍使用 JavaScript 进行表单验证。表单验证并不是 JavaScript 提供的某种特性，而是结合各种特性达到的一种目的，是需求的产物。所有线上产品的表单几乎都有验证，如注册时要求“用户名 6-16 位”，验证会由 JavaScript 来完成，通常为了安全性和准确性，服务端会再次做一遍验证。
22 JavaScript学习：表单验证
热门推荐
百锦再的博客
04-30 9万+
JavaScript 表单验证是一种常用的前端技术，可以通过编写 JavaScript 脚本来对用户在表单中输入的数据进行验证，确保其格式和内容符合要求。但需要注意，前端验证只能作为一种辅助手段，真正的数据验证应该在后端进行，以确保数据的安全性和可靠性。其原理是在用户提交表单时，触发 JavaScript 函数进行对用户输入数据的验证，以确保其格式和内容符合预期。HTML5引入了一些新的表单输入类型和属性，可以在不编写JavaScript的情况下自动验证用户输入。最好根据具体需求和业务场景进行调整和优化。
JavaScript表单验证表单验证
zzb_lly的博客
04-20 1181
表单验证是JavaScript的高级选项之一.我们可以通过JavaScript在网页中对即将送往服务器的HTML表单中的输入数据进行验证.如果所输入内容与所需不符,我们就在页面中进行提示.这样就使得我们不用频繁的与服务器进行交互,减少了频率,提高了效率.在验证用户名与密码时,我们通常验证用户名与密码不能为空,用户名和密码必须在指定长度范围内,用户名和密码由数字和字母组成(使用正则表达式)等等。验证邮箱时是否为邮箱格式，是否添加@与符合标准的后缀名等。· 验证用户名与密码为指定格式。· 验证单选框所选内容。
JavaScript 表单验证
likuoelie的博客
06-11 1042
表单验证是检查用户输入数据是否符合特定规则的过程，如邮箱格式、必填字段等。它在提交前防止无效数据，提升用户体验和数据安全性。表单验证是 Web 开发中确保用户输入数据有效性的关键步骤。它通过检查输入是否符合预期格式（如邮箱、电话号码）防止无效数据提交到服务器。根据MDN - 表单验证，客户端验证提升用户体验，服务器端验证确保安全性。JavaScript 允许更灵活的验证，通过获取表单值并检查。if (!
JavaScript：表单提交、必填验证与文件上传
毒果的博客
05-16 714
在网页开发领域，表单是实现用户与网站交互的重要桥梁，从用户注册登录到信息反馈，从数据录入到文件上传，表单功能无处不在。同时，在表单提交过程中，未对敏感信息进行加密处理，存在数据泄露风险，严重影响系统的安全性和稳定性。同时，在不同浏览器和设备上，文件上传组件的表现不一致，如部分移动浏览器无法正常触发文件选择事件，或者无法获取文件的完整信息。此外，对于一些通用的表单验证组件，可以进行封装，提高代码的复用性。但在验证提示方式上，仅通过简单的弹窗提示，用户体验不佳，且在不同浏览器中，弹窗的显示样式和行为存在差异。
JavaScript表单提交
weixin_44540247的博客
04-28 1万+
表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式： 一、 Form表单手动提交（get与post） 在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个...
用JavaScript验证表单
bll1355的博客
07-18 543
4、enctype，定义了在提交表单时使用的内容类型。7、id，通过id属性，‌可以方便地使用JavaScript或其他前端框架来获取该输入框元素，‌并对其进行各种操作，‌如修改样式、‌获取或设置输入框的值等；6、name，为文本框提供唯一的名称，这个名称在表单提交后被服务器用来识别和处理特定的表单字段数据，只有加了name属性的标签元素才会提交到服务器；1、action，指定了用户提交的目标URL，即用户所填写的信息都被提交到此URL；3、name，定义了表单的名称，在多表单时可以起到标示表单的作用；
JavaScript 表单
likuoelie的博客
06-11 795
在 Web 开发中，表单（forms）是用于收集用户输入的 HTML 元素。表单可以包含文本框、单选按钮、复选框、下拉列表等，允许用户输入数据并发送到服务器或在客户端处理。JavaScript 可用于处理表单提交、验证输入数据以及动态修改表单行为。表单（forms）是 HTML 提供的一种机制，用于收集用户输入数据，通常通过<form>元素实现。JavaScript 通过 DOM 操作和事件处理与表单交互，常见任务包括验证输入、处理提交和动态修改表单结构。根据MDN - Web 表单构建块。
javascript表单验证
lijie1025的博客
03-16 2122
正则表达式适用单个字符串来描述，匹配一系列符合某个句法规则的字符串搜索模式用某种模式去匹配一类字符串的公式通过使用正则表达式，可以：1.测试字符串内的模式。2.替换文本。3.从字符串中提取字符串。//字面量方式，其由包含在斜杆之间的模式组成，如下所示：//构造函数方式，调用RegExp对象的构造函数，如下所示：var regex=/ 正则规则 /;//调用方法判断是否满足要求var flag = regex.test( '内容' );
breed软件和华硕固件
08-19
breed软件和华硕固件
AS+追溯码智能采集系统+支持高拍仪
08-19
AS+追溯码智能采集系统+支持高拍仪
qt5-qtcharts-doc-5.15.1-3.el8.tar.gz
08-19
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
A Patient Disease Drug Graph. 一个权威的医疗 RDF 数据集, 关于医疗知识图谱
08-19
资源下载链接为： https://pan.quark.cn/s/7436a15e4ae0 A Patient Disease Drug Graph. 一个权威的医疗 RDF 数据集, 关于医疗知识图谱。（最新、最全版本！打开链接下载即可用！）
smc-suruma-fonts-6.1-10.el8.tar.gz
08-19
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
基于 BERT 模型在百度 WebQA 中文问答数据集上开展阅读问答任务研究
08-19
资源下载链接为： https://pan.quark.cn/s/b3a3a04696bd 基于 BERT 模型在百度 WebQA 中文问答数据集上开展阅读问答任务研究（最新、最全版本！打开链接下载即可用！）
snappy-1.1.8-3.el8.tar.gz
08-19
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
校园疫情防控-校园疫情防控系统-校园疫情防控系统源码-校园疫情防控管理系统-基于ssm的校园疫情防控系统-ssm-java代码
08-19
校园疫情防控-校园疫情防控系统-校园疫情防控系统源码-校园疫情防控管理系统-校园疫情防控管理系统java代码-校园疫情防控系统设计与实现-基于ssm的校园疫情防控系统-基于Web的校园疫情防控系统设计与实现-校园疫情防控网站-校园疫情防控网站代码-校园疫情防控平台-校园疫情防控平台代码-校园疫情防控项目-校园疫情防控项目代码-校园疫情防控代码
### 【电子电气架构】软件项目配置管理在汽车开发领域的深度解析与优化策略了软件项目配置
最新发布
08-19
内容概要：本文深入探讨了软件项目配置管理在汽车开发领域的应用及其重要性，强调配置管理不仅是版本控制，更是涵盖标识、追溯、结构化等多方面的深度管控。文章通过对比机械产品和软件产品的标签管理，揭示了软件配置管理的独特挑战。配置管理构建了一个“网”状体系，确保软件产品在复杂多变的开发环境中保持稳定和有序。文中还讨论了配置管理在实际工作中的困境，如命名混乱、文档更新不及时、发布流程冗长等问题，并提出了通过结构可视化、信息同源化、痕迹自动化和基线灵活化等手段优化配置管理的具体方法。 适合人群：具备一定软件开发和项目管理经验的工程师及项目经理，尤其是从事汽车电子软件开发的相关人员。 使用场景及目标：①理解配置管理在汽车软件项目中的核心作用；②学习如何通过工具链（如Polarion、JIRA、飞书等）优化配置管理流程；③掌握结构可视化、信息同源化、痕迹自动化和基线灵活化等关键技术手段，提升项目管理水平。 其他说明：配置管理不仅是技术问题，更涉及到项目管理和团队协作。文中强调了工具链的应用和优化的重要性，但同时也指出，工具本身并不能解决所有问题，关键在于如何合理使用工具并不断优化管理流程。文章呼吁读者成为长期主义者，相信时间的力量，持续改进配置管理工作。
JS表单验证大全
《JS表单验证大全》 本文是一个收录了最全的JS表单验证方式的文档，包含了多种情况下表单验证的方法，以及相应的JS代码实现。其中包括但不限于以下内容： 1. 是否为空：通过JS代码判断表单输入是否为空，提醒用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值