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

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


相关推荐

  • 快速搭建自己的直播服务器,完成属于你的直播服务。

    快速搭建自己的直播服务器,完成属于你的直播服务。通过本文您能学到以下内容:1、动手搭建直播服务器,完成一次对移动端支持的直播。2、使用OBS推流。3、使用html5网页播放m3u8流媒体文件。一、动手搭建流媒体服务器这里我们选用开源srs流媒体服务器[https://github.com/ossrs/srs],有兴趣的同学也可选用[AdobeMediaServer5],原理都是一样的。安装方法在[https://…

    2022年6月11日
    129
  • webstorm2021激活码_最新在线免费激活[通俗易懂]

    (webstorm2021激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月26日
    147
  • AdminLTE框架的基本使用

    AdminLTE框架的基本使用框架介绍:AdminLTE是一个完全响应管理模板。基于Bootstrap3,jQuery3.3.1这两个框架框架,易定制模板。适合多种屏幕分辨率,从小型移动设备到大型台式机。内置了多个页面,包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。对于后台站点的模板渲染,有很大的作用。下载可以使用gitclone到本地gitclonehttp…

    2022年7月27日
    10
  • 数组去重的5种方法[通俗易懂]

    数组去重的5种方法[通俗易懂]双重for循环去重 原理两两比较如果相等的话就删除第二个 例如:11132124 先让第一个1即arr[0]与后面的一个个比较如果后面的值等于arr[0]删除后面的值 第一次结束后的结果是13224删除了后面所有的1 同理第二次第三会删除与自己相同的元素详细介绍看代码注释1 2functionnoRepeat1(arr){…

    2022年6月22日
    46
  • 解决:无法打开系统服务 提示“一个或多个Activex控件无法显示”

    解决:无法打开系统服务 提示“一个或多个Activex控件无法显示”问题:电脑打开系统的服务时,出现“一个或多个Activex控件无法显示”的提示,开始以为与IE设置有关,试着在Internet选项->安全,勾选了“允许ActiveX控件”,但是依然无效。解答:解决此问题需编辑注册表(开始->运行,在框中输入“regedit”后,回车),有打开的注册表编辑器中,定位到:HKEY_CURRENT_USER/Software/Microsoft\Win

    2022年10月23日
    0
  • stringutils.isnotblank()_String java

    stringutils.isnotblank()_String java今天在做SSM系统时候,为了进行查询特意使用StringUtils.isNotBlank(name)一定注意导入的包是:importorg.apache.commons.lang3.StringUtils;开始使用的是com.mysql.jdbc中的StringUtils.isNullOrEmpty,,,结果导致在我进行查询的时候各种错误,特地来此总结一番。StringUtils方法的

    2022年8月12日
    5

发表回复

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

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