表单提交时验证数据是否为空[通俗易懂]

表单提交时验证数据是否为空[通俗易懂]一、利用submit按钮实现提交,当点击submit按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false,不提交,如果不为空,提交到由action指定的地址。<scripttype=”text/javascript”>functioncheck(form){if(form…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、利用submit按钮实现提交,当点击submit按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址。

<script type=”text/javascript”>
         function check(form) {

              if(form.userId.value==”) {

                    alert(“请输入用户帐号!”);
                    form.userId.focus();
                    return false;
               }
               if(form.password.value==”){

                    alert(“请输入登录密码!”);
                    form.password.focus();
                    return false;
                 }
                 return true;
         }
</script>
<form action=”login.do?act=login” method=”post”>
    用户帐号<input type=text name=”userId” size=”18″ value=”” ><br>
    登录密码<input type=”password” name=”password” size=”19″ value=””/>      
           <input type=submit name=”submit1″ value=”登陆” οnclick=”return check(this.form)”>  
</form>

 

二、利用button按钮实现提交,当点击button按钮时,触发onclick事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址,由于button按钮不具备自动提交的功能,所以由JavaScript实现提交。

<script type=”text/javascript”>
         function check(form) {

              if(form.userId.value==”) {

                    alert(“请输入用户帐号!”);
                    form.userId.focus();
                    return false;
               }
               if(form.password.value==”){

                    alert(“请输入登录密码!”);
                    form.password.focus();
                    return false;
                }
                  document.myform.submit();
            }
    </script>
<form action=”login.do?act=login” name=”myform” method=”post”>
    用户帐号<input type=text name=”userId” size=”18″ value=”” ><br>
    登录密码<input type=”password” name=”password” size=”19″ value=””/>      
    <input type=button name=”submit1″ value=”登陆” οnclick=”check(this.form)”>  
</form>

 

三、利用submit按钮实现提交,当点击submit按钮时,先触发onsubmit事件,由JavaScript里函数判断输入内容是否为空,如果为空,返回false, 不提交,如果不为空,提交到由action指定的地址。

<script type=”text/javascript”>
         function check(form) {

              if(form.userId.value==”) {

                    alert(“请输入用户帐号!”);
                    form.userId.focus();
                    return false;
               }
               if(form.password.value==”){

                    alert(“请输入登录密码!”);
                    form.password.focus();
                    return false;
                }
                return true;
         }
</script>
<form action=”login.do?act=login” method=”post” οnsubmit=”return check(this)”>
    用户帐号<input type=text name=”userId” size=”18″ value=”” ><br>
    登录密码<input type=”password” name=”password” size=”19″ value=””/>      
    <input type=submit name=”submit1″ value=”登陆”> 
</form> 
 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/194103.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • JAVA Class类与反射

    JAVA Class类与反射关于Class类与Class对象与反射Class类与Class对象Class对象是Class类的实例,类至少包含以下信息,因此class类又可以被解构为如下部分:权限修饰符类名参数化类型(泛型信息)接口Interface注解Annotation字段Field(重点)构造器Constructor(重点)方法Methd(重点)以下图为例:整个.class文件最终都成为字节数组byte[]b,里面的构造器、方法等各个“组件”,其实也是字节。打开Class类的源代码,发现果然如此:

    2022年5月17日
    32
  • android中彻底退出App的办法「建议收藏」

    android中彻底退出App的办法「建议收藏」所谓的“彻底退出App”的含义是包括释放所有Appnew出来的东西,比如说某些正在运行的线程、定时器之类的。需要注意的是:finish()方法是作用于Activity,因此,即使finish了app的最后一个Activity,app在运行过程中new出来的那些线程什么的仍然有可能在运行(如果没有明显的代码导致它们退出的话)。因此,要所谓”彻底退出“,个人的看法是在最后一个finish()…

    2022年7月17日
    23
  • 干货!Spring Cloud微服务架构进阶,你还不了解的都在这里「建议收藏」

    干货!Spring Cloud微服务架构进阶,你还不了解的都在这里「建议收藏」前言近年来,微服务架构一直是互联网技术圈的热点之一,越来越多的互联网应用都采用了微服务架构作为系统构建的基础,很多新技术和理念如Docker、Kubernetes、DevOps、持续交付、ServiceMesh等也都在关注、支持和跟随微服务架构的发展。今天咱们就为大家推荐一本学习微服务架构进阶的秘籍,将会系统性地介绍微服务架构:包括微服务架构是如何演进的,微服务架构的主要流派,当前主流的云原生应用与微服务之间的关系等。下面就跟着小编一起来一探究竟吧~~~本书特点本书在介绍Spring

    2022年6月21日
    55
  • POJ 3009-Curling 2.0(DFS)

    POJ 3009-Curling 2.0(DFS)

    2022年1月11日
    33
  • MGN网络详解以及代码分析「建议收藏」

    MGN网络详解以及代码分析「建议收藏」MGN网络详解以及代码分析最近阅读了云从科技最新的关于REID的论文以及相关的博客和代码,算法是基于MGN,关于网络的部分,这里记录一些自己的学习笔记。以下是我参考的博客和代码的网址博客:https://blog.csdn.net/Gavinmiaoc/article/details/80840193代码:https://github.com/Gavin666Github/reid-m…

    2022年10月6日
    4
  • 实现微信机器人开发

    实现微信机器人开发首先微信聊天机器人,是一种通过自然语言模拟人类进行对话的程序。通常运行在特定的软件平台上,如PC平台或者移动终端设备平台。测试问文档:https://www.wkteam.cn/文档测试过程中实现多项功能进行管理登录模块◆登录微控平台member/login◆获取微信二维码user/login◆执行微信登录getIPadLoginInfo◆获取联系人列表(群、好友)getAllContact◆二次登录(退出微信号需要再次登录调用此接口即可)secondLogin◆退出微信l

    2022年6月15日
    59

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号