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

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


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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【linux】Redhat Linux 关闭防火墙命令[通俗易懂]

    【linux】Redhat Linux 关闭防火墙命令[通俗易懂]1

    2022年9月5日
  • navcat premium 15 for mac 激活码【最新永久激活】「建议收藏」

    (navcat premium 15 for mac 激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html1M2OME2TZY-eyJsaWNlbnNlSWQi…

    2022年4月2日
  • jmeter参数化的三种方式[通俗易懂]

    jmeter参数化的三种方式[通俗易懂]通过添加前置处理器(用户参数)通过csv参数化通过函数助手

    2022年6月15日
  • 什么是三体系认证_HTTPS协议的技术方法

    什么是三体系认证_HTTPS协议的技术方法本文大部分内容摘自:http://www.wosign.com/faq/faq2016-0309-03.htm 尊重知识产权,转载注明Wosign———————————-专栏导航———————————-HTTPS协议详解(一):HTTPS基础知识 HTTPS协议详解(二):TLS/SSL工作原理HTTPS协议…

    2022年8月22日
  • 新利EagleEye信息平台保障系统(服务器监控系统)[摘]

    新利EagleEye信息平台保障系统(服务器监控系统)[摘]新利EagleEye信息平台保障系统(服务器监控系统)1 系统概述  新利EagleEye信息平台保障系统(服务器监控系统)是一款集服务器、业务应用和网络设备、环境动力的监控和管理于一体的集中式、跨平台的信息运营平台保障管理平台系统。系统实现监测的自动化和故障预警智能化管理,故障准确定位和综合诊断IT系统异常的原因,最大限度地保障IT信息系统的正常运行,减少运维部门的运维成本,实现信息维护服

    2022年8月16日
  • oracle报错注入方式_停止mysql服务的命令

    oracle报错注入方式_停止mysql服务的命令Oracle报错注入原理通过ctxsys.drithsx.sn(user,查询语句)函数来根据页面报错获取我们需要的内容注意事项:1.oracle数据库在查询时,必须写表名,如果表不存在可以使用虚表dual2.Oracle数据库的字段数据类型是强匹配,必须保持数据类型相同3.Oracle系统表all_tables、user_tables、all_tab_columns、user_tab_columns4.oracle限制查询结果返回的数量用rownum靶场:http://59.63.2

    2022年9月27日

发表回复

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

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