JAVAScript 中实现表单验证的函数

最新推荐文章于 2021-10-01 21:41:19 发布
原创 最新推荐文章于 2021-10-01 21:41:19 发布 · 648 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #button #function #input

本文介绍了一个简单的JavaScript函数，用于验证HTML表单中所有字段是否为空。如果发现空字段，则会提示相应字段名称并聚焦该字段，阻止表单提交。此方法通过遍历表单元素检查值来实现。

function check(Form)

{

    for (i=0;i<Form.length:i++)

    {

       if (Form.elements[i].value=="")

        {

            alert(Form.elements[i].name + "不能为空 !");

            Form.elements[i].focus();

            return;

        }

    }

    Form.submit();

}

 

 

使用: < input name="Button" type="buttion" value="提交" onClick="check(form1)">

JS通用表单验证函数
swallow的专栏
04-10 3749
Check.js   JS函数文件/////////////////////////////////////////////////////////////////////////////////* *--------------- 客户端表单通用验证CheckForm(oForm) ----------------- * 功能:通用验证所有的表单元素. * 使用: *     *     *  
JavaScript实现仿网易通行证表单验证
10-24
在实现JavaScript表单验证时，以下几点是需要注意的： 1. 必须确保HTML元素的ID标识符正确无误，以便JavaScript能够正确地获取到这些元素。 2. 在编写JavaScript验证逻辑时，需要注意验证规则的顺序和效率，避免...
javascript实现通用表单验证函数
02-17 1373
javascript实现通用表单验证函数                                                                           (转 邢红瑞）不管是动态网站,还是其它B/S结构的系统,都离不开表单表单做为客户端向服务器提交数据的载体担当相当重要的角色.这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题就是验证这些数据保证所
JavaScript表单验证示例
cnds123的专栏
10-01 721
JavaScript表单验证示例 HTML表单（form）通常用于收集用户信息，例如姓名，电子邮件地址，位置，年龄等。 但是很可能某些用户可能不会输入您期望的数据。HTML表单验证可以通过JavaScript完成。 为了避免对服务器资源造成不必要的压力，您可以使用JavaScript在客户端（用户系统）上验证表单数据，不正确的信息是不会提交给后台服务器的——这是所谓客户端验证。本文将介绍这种验证 【表单验证一般分为两种方式。 客户端验证：直接在客户端执行JS进行验证，验证的过程中和服务器端
JS实现的表单验证和强大的×××
weixin_33859665的博客
10-11 97
包含页: CheckForm.js代码如下://************************************************//规则检查排序function RegCheck(objs){var str = objs.checktype;switch (str){case "cn" ://要检查的表单控件的输入类型必须...
第一个js函数——表单验证提示
m_ying的博客
09-06 639
昨天尝试对着课本敲了一下自己学习的第一个js脚本，不多说，今天重新默着敲一遍，并记录哪些不理解。 &lt;!DOCTYPE html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;HTML表单&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &amp
JavaScript表单验证实现代码
12-10
JavaScript 表单验证是网页开发中的重要一环，它允许开发者在用户提交数据到服务器之前进行数据的合法性检查，从而提高用户体验并减轻服务器端的压力。本文将深入探讨如何使用JavaScript来实现基本的表单验证。 ...
javascript html5实现表单验证
10-22
在本篇文章中，将介绍如何使用JavaScript和HTML5来实现表单验证。首先，我们了解到表单验证是提高用户体验的一种有效手段，其主要目的是在用户提交数据之前，检测输入的数据是否有效，并为用户提供及时的反馈。使用...
JavaScript表单验证阻止用户输入中文
最新发布
07-30
总之，通过监听输入事件并结合正则表达式进行判断，可以实现禁止用户在JavaScript表单中输入中文汉字的功能。这不仅能够提升用户体验，还能确保收集到的数据符合特定格式要求。在实际应用中，可以根据具体需求调整...
Java Script基础（十一） 表单验证
weixin_30344131的博客
12-21 168
一、表单验证的必要性： 　　表单验证在客户端和服务器端，客户端验证实际是直接调用JavaScript脚本对用户输入的数据进行验证；而服务器也同样可以实现数据验证，但是当服务器压力过大时，资源损耗会比较严重，用户体验也不够好。所以通常验证我们大多数都会在客户端实现，这样可以降低服务器的压力，让服务器做其他更重要的事情。 二、表单验证的内容： 　　1、验证表单内容是否为空。 　　2、验证...
js Form.elements[i]的使用实例
12-04
代码如下: //检查表单元素是否为空 function check(Form) { for (i=0;i<Form.length;i++){ if(Form.elements[i].value == “”) { //Form的属性elements的首字e要小写 alert(Form.elements[i].name + “不能为空!”); Form.elements[i].focus(); //指定表单元素获得焦点 return; } } Form.submit(); } 调用 <form name=”form1″ method=”post” action=””> 留 言 人：<input t
JS判断表单提交时，所有的input是否有空值
k912120的博客
09-15 9269
&lt;form action="" method="post" onSubmit="return inputNull(this)"&gt; &lt;table&gt; &lt;p&gt; &lt;span&gt;姓名：&lt;/span&gt; &lt;input type="text" placeho
JavaScript基础知识4
qq_35328937的博客
07-13 490
form表单的提交方式  1，form表单对象调属性的提交方式 submit提交： checkForm()"> function checkForm(){ var flag = true; var loginForm = document.loginForm; var email = document.getElementById("email"); var p
JS函数 checkForm
SneakyRogue的博客
06-27 5705
JavaScript函数--"checkForm"        JS中一个较常见的函数"checkForm"。是用来检验表单信息的正确性。        步骤如下：        1：表单&lt;form&gt;添加提交事件                &lt;form action="#" method="get" name="regForm" onsubmit="re
HTML多选验证js函数,HTML表单(Form)提交检验通用javascript函数
weixin_36251052的博客
06-08 445
HTML表单(Form)提交检验通用javascript函数作者：佚名转贴自：本站原创点击数：136HTML表单(Form)提交检验通用javascript函数一直以来为HTML表单提交校验的问题头痛，总是在写重复的js代码，所以一直想写一个通用的JS函数，总算找了个时间写了个通用的一段javascript供大家参考。本JS程序，可以校验字段是否为空，是否为数字，判断字段长度，检验...
Form.elements[i]的使用
weixin_33744141的博客
11-09 311
//检查表单元素是否为空 function check(Form) {   for (i=0;i&lt;Form.length;i++){        if(Form.elements[i].value == "")     {               //Form的属性elements的首字e要小写               alert(Form.elements[i].n...
prototype里Form.Element.focus(element) 方法是否实现错误？
zy8643954
12-09 264
今天上午没事做，在公司拿着买到的 一书看，无意中发现了一个比较有趣的问题，不知道是不是 prototype.js自己的bug，拿上来让各位鉴定一下。 参照prototype.js的官方的api文档，Form.Element.focus(element) -> HTMLElement,他的意思应该是调用这个focus()方法之后返回的是应该是一个被prototye扩张的 HTMLElemen...
html:form标签的focus属性的作用
热门推荐
thinkpadleo的专栏
02-16 2万+
你可以用focus属性来生成JavaScript，它会“定焦”（focus）到该form所包含的一个元素上。使用focus属性时你需要给它指定元素的名称。比如，以下代码是定焦在第二个Text元素上的： User Name: Password: 该段代码会被转换成： User Name: Password: if (document.forms["loginForm"].
调用一些表单验证函数主要用到blur()
sixteen_cicle的博客
12-07 1547
keyup，focusin，change等事件 //表单输入及时验证          /* console.log($('input[name="partnername"]').val()); */                  $('#partnername').blur(function(){             checkChinese($('#partnerna
JavaScript 表单验证函数集合
在JavaScript开发中，表单验证是非常重要的一部分，它能确保用户输入的数据符合预期格式，从而提高应用的稳定性和用户体验。以下是对文中提到的几个验证函数的详细解释： 1. **数字验证** - `checkNum(str)`：这个...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值