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

表单提交时验证数据是否为空[通俗易懂]一、利用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> 
 

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • pycharm安装包报错

    pycharm安装包报错  相信有很多Python初学者在使用pycharm安装一些包时会遇到报错现象!  我也是一名Python初学者,当然也会遇到这种问题!当遇到上述问题时,我个人觉得是因为“pip”的版本问题,所以大家可以先更新“pip”(通过cmd更新:python-mpipinstall–upgradepip)。   …

  • virsh查看虚拟网络信息_kvm创建虚拟机

    virsh查看虚拟网络信息_kvm创建虚拟机1.virsh查看/管理虚拟机问题本案例要求熟悉KVM虚拟化的virsh管理工具的的基本使用,从命令行来操作虚拟机,完成以下基本任务:1)查看KVM服务器信息2)列出有哪些虚拟机、指定虚拟机的状态3)基本的开关机操作4)将虚拟机设置为自动运行方案virsh命令行管理的常见用法:1)virsh:直接进交互模式2)virshnodeinfo:查看KVM节点(服务器)信息3…

  • 适合做回归分析的数据_时序数据库与实时数据库

    适合做回归分析的数据_时序数据库与实时数据库JTSGeometry关系分析:缓冲区分析(Buffer)包含所有的点在一个指定距离内的多边形和多多边形凸壳分析(ConvexHull)包含几何形体的所有点的最小凸壳多边形(外包多边形)交叉分析(Intersection)A∩B交叉操作就是多边形AB中所有共同点的集合联合分析(Union)AUBAB的联合操作就是AB所有点的集合差异分析(Diff…

  • 微信公众号网页开发,登录授权和微信支付

    微信公众号网页开发,登录授权和微信支付微信公众号的网页开发基本和H5移动端开发一致,主要是涉及到网页授权获取用户信息和使用js-sdk获取微信原生能力支持。开发前准备申请一个测试号:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login用自己微信扫码登录,然后扫码关注当前测试号,这里注意js接口安全域名和网页授权回调域名,需要配置为当前项目地址。使用测试号时用ip即可,但是线上必须是域名。网页授权类似把系统自己的登录体系移除,通过微信授权方式获取微信用户信息。

  • STUN详解

    STUN详解STUN是一个简单的客户端-服务器协议。客户端发送一个请求到一台服务器,而服务器返回一个响应。有两种类型的请求:绑定请求(通过UDP发送)和共享密钥请求(发送TLS(通过TCP))。共享秘密请求服务器返回一个临时的用户名和密码。此用户名和密码用于在随后的绑定请求和绑定响应,身份验证和消息完整性的目的。STUN客户和STUN服务器之间可能有一个或多个NAT。

  • 音悦台高清mv下载_音悦台没有了去哪看mv

    音悦台高清mv下载_音悦台没有了去哪看mv需要获取的页面:参考了此处,做了修改,代码如下:1#coding:utf-82importurllib23importurllib4importre5importsys6

发表回复

您的电子邮箱地址不会被公开。

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