JAVAScript 中实现表单验证的函数

最新推荐文章于 2021-10-01 21:41:19 发布
最新推荐文章于 2021-10-01 21:41:19 发布
阅读量589 收藏
点赞数
分类专栏： VB和ASP(asp) 网页制作(WEB) 文章标签： javascript button function input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/icerock2000/article/details/3862796
版权

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)">

icerock2000
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS判断表单提交时，所有的input是否有空值
k912120的博客
09-15 9057
&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 365
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 5359
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 357
HTML表单(Form)提交检验通用javascript函数作者：佚名转贴自：本站原创点击数：136HTML表单(Form)提交检验通用javascript函数一直以来为HTML表单提交校验的问题头痛，总是在写重复的js代码，所以一直想写一个通用的JS函数，总算找了个时间写了个通用的一段javascript供大家参考。本JS程序，可以校验字段是否为空，是否为数字，判断字段长度，检验...
Form.elements[i]的使用
weixin_33744141的博客
11-09 253
//检查表单元素是否为空 function check(Form) {   for (i=0;i&lt;Form.length;i++){        if(Form.elements[i].value == "")     {               //Form的属性elements的首字e要小写               alert(Form.elements[i].n...
JavaScript表单验证实现代码
12-10
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 被 JavaScript 验证的这些典型的表单数据有： 用户是否已填写表单中的必填项目？ 用户输入的邮件地址是否...
详解JavaScript中的表单验证
10-24
本文将深入探讨JavaScript中的表单验证，这是一种在客户端进行数据检查的技术，可以在用户提交信息前确保数据的完整性和正确性，从而减轻服务器的压力。 表单验证主要分为两个步骤： 1. **基本验证**：这个阶段的...
javascript.html实现表单验证
03-16
虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。 [1] JavaScript在...
基于JavaScript的表单验证.zip
04-15
在表单验证中，JavaScript可以通过监听表单的`submit`事件来阻止默认提交行为，然后逐个检查输入字段的值。可以使用`document.getElementById`或`document.querySelector`等方法获取表单元素，再利用`value`属性获取...
javascript 常用验证函数总结
10-22
随着做项目数量的越来越越多，其中用到js的地方很多相同，这里自己整理了一些常用表单验证的js方法，虽然和其他js验证框架有一定的差距，但是毕竟是自己总结的一些东西，在此与纪录分享一下。
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
html:form标签的focus属性的作用
热门推荐
thinkpadleo的专栏
02-16 2万+
你可以用focus属性来生成JavaScript，它会“定焦”（focus）到该form所包含的一个元素上。使用focus属性时你需要给它指定元素的名称。比如，以下代码是定焦在第二个Text元素上的： User Name: Password: 该段代码会被转换成： User Name: Password: if (document.forms["loginForm"].
prototype里Form.Element.focus(element) 方法是否实现错误？
zy8643954
12-09 209
今天上午没事做，在公司拿着买到的 一书看，无意中发现了一个比较有趣的问题，不知道是不是 prototype.js自己的bug，拿上来让各位鉴定一下。 参照prototype.js的官方的api文档，Form.Element.focus(element) -> HTMLElement,他的意思应该是调用这个focus()方法之后返回的是应该是一个被prototye扩张的 HTMLElemen...
javascript实现通用表单验证函数
02-17 1303
javascript实现通用表单验证函数                                                                           (转 邢红瑞）不管是动态网站,还是其它B/S结构的系统,都离不开表单表单做为客户端向服务器提交数据的载体担当相当重要的角色.这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题就是验证这些数据保证所
JS通用表单验证函数
swallow的专栏
04-10 3544
Check.js   JS函数文件/////////////////////////////////////////////////////////////////////////////////* *--------------- 客户端表单通用验证CheckForm(oForm) ----------------- * 功能:通用验证所有的表单元素. * 使用: *     *     *  
JavaScript表单验证示例
cnds123的专栏
10-01 417
JavaScript表单验证示例 HTML表单（form）通常用于收集用户信息，例如姓名，电子邮件地址，位置，年龄等。 但是很可能某些用户可能不会输入您期望的数据。HTML表单验证可以通过JavaScript完成。 为了避免对服务器资源造成不必要的压力，您可以使用JavaScript在客户端（用户系统）上验证表单数据，不正确的信息是不会提交给后台服务器的——这是所谓客户端验证。本文将介绍这种验证 【表单验证一般分为两种方式。 客户端验证：直接在客户端执行JS进行验证，验证的过程中和服务器端
JS实现的表单验证和强大的×××
weixin_33859665的博客
10-11 51
包含页: CheckForm.js代码如下://************************************************//规则检查排序function RegCheck(objs){var str = objs.checktype;switch (str){case "cn" ://要检查的表单控件的输入类型必须...
Java Script基础（十一） 表单验证
weixin_30344131的博客
12-21 114
一、表单验证的必要性： 　　表单验证在客户端和服务器端，客户端验证实际是直接调用JavaScript脚本对用户输入的数据进行验证；而服务器也同样可以实现数据验证，但是当服务器压力过大时，资源损耗会比较严重，用户体验也不够好。所以通常验证我们大多数都会在客户端实现，这样可以降低服务器的压力，让服务器做其他更重要的事情。 二、表单验证的内容： 　　1、验证表单内容是否为空。 　　2、验证...
JavaScript基础
chenjia的博客
02-25 237
为什么要学习JavaScript ? JavaScript可以实现 验证表单 ，制作特效 等功能，总结起来学习JavaScript的目的基于以下三点 。 客户端表单验证 页面动态效果 jQuery的基础 什么的JavaScript ？ JavaScript是一种描述性语言，也是基于对象（Object）和事件驱动（Event Driven）的、并具有安全性能的脚本语言 JavaScript的特...
Javascript笔记.doc
06-09
Javascript笔记

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值