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

表单提交时验证数据是否为空[通俗易懂]一、利用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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 平行运算:Parallel.For、Parallel.Foreach的体验式试用[通俗易懂]

    平行运算:Parallel.For、Parallel.Foreach的体验式试用[通俗易懂]在编程里面我们经常会遇到编历一个列表或数组做同一件事情或操作,当这个数组或列表很大时又或是需要进行很复杂的操作时,就会花费很长的时间。以前我就在想能不能在这种情况下使用多线程的方式提高效率,可惜一直都没机会和动力(实际需要)去研究。今天在网上查找资料,很偶然的发现.NETFramework4.0中平行算法相关内容(Parallel.For、Parallel.Foreach),原来.NET已经实

    2022年7月19日
    22
  • kotlin与java的对比

    kotlin与java的对比Android 应用开发语言对比使用 kotlin 已经有一段时间了 打算从宏观上做一下 java 和 kotlin 的对比 1 易用性 在语法糖的加持下 kotlin 能够用更短的代码实现更多的功能 这是 java 无法比拟的 所谓代码量越少 出 bug 的可能性就越低 kotlin 特有的扩展属性 不再需要 java 工具类 对开发更加友好 比如我们想实现字符串判空操作 在 java 中需要写一个 Strin

    2026年1月14日
    1
  • java 异或加密_使用异或实现一个简单的加密或解密

    java 异或加密_使用异或实现一个简单的加密或解密/**Copyright(C)2017,MegatronKing**LicensedundertheApacheLicense,Version2.0(the”License”);youmaynotusethisfileexcept*incompliancewiththeLicense.YoumayobtainacopyoftheLicenseat**http://www.apache.org/licenses/.

    2022年10月4日
    4
  • Linux安装jdk步骤_jdk linux安装

    Linux安装jdk步骤_jdk linux安装Linux的使用相信大家都要用到java吧!在使用java前我们得先安装jdk以及配置环境变量等工作;下面小编给大家分享关于Linux安装jdk的详细步骤:一、登录虚拟机进入终端切换到root用户,输入:su接着输入密码再输入:cd…回到root用户二、查看Linux系统是否有自带的jdk:1、输入:java-version2、发现有输入:rpm-qa|grepjav…

    2025年11月13日
    3
  • Linux禁用防火墙规则的命令_linux 防火墙开启端口

    Linux禁用防火墙规则的命令_linux 防火墙开启端口linux防火墙有时候觉得太烦人了,想禁用下,该怎么办呢?下面由学习啦小编给你做出详细的linux防火墙禁用方法介绍!希望对你有帮助!linux防火墙禁用方法一:Linux中现主要有两套管理服务的软件。大多数的发行版使用SysVinit的系统启动进程管理体系,即service和chkconfig命令来配置和控制服务,例如CentOS6有些发行版则默认使用比较新的也是争议很大的systemd体系…

    2025年11月29日
    6
  • 如何定制zencart模板「建议收藏」

    如何定制zencart模板「建议收藏」很多用户对zencart做了自己的修改,非常好!但同时,一些用户修改了很多重要的文件,例如:/includes/filenames.php/includes/languages/schinese.php/includes/languages/schinese/*.php等等…友情提示:如果你希望以后的升级更容易,不要修改这些文件!ZenCart的文件替代机制的功

    2022年7月27日
    8

发表回复

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

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