表单提交时验证数据是否为空

矫情吗；* 2023-10-01 20:31 11阅读 0赞

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

<script type="text/javascript">
             function check(form) {undefined
                  if(form.userId.value=='') {undefined
                        alert("请输入用户帐号!");
                        form.userId.focus();
                        return false;
                   }
                   if(form.password.value==''){undefined
                        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) {undefined
                  if(form.userId.value=='') {undefined
                        alert("请输入用户帐号!");
                        form.userId.focus();
                        return false;
                   }
                   if(form.password.value==''){undefined
                        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里[函数][Link 1]判断输入内容是否为空，如果为空，返回false, 不提交，如果不为空，提交到由action指定的地址。

<script type="text/javascript">
             function check(form) {undefined
                  if(form.userId.value=='') {undefined
                        alert("请输入用户帐号!");
                        form.userId.focus();
                        return false;
                   }
                   if(form.password.value==''){undefined
                        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>

[submit]: https://so.csdn.net/so/search?q=submit&spm=1001.2101.3001.7020
[JavaScript]: https://so.csdn.net/so/search?q=JavaScript&spm=1001.2101.3001.7020
[Link 1]: https://so.csdn.net/so/search?q=%E5%87%BD%E6%95%B0&spm=1001.2101.3001.7020

发表评论取消回复

表情：

评论列表（有 0 条评论，11人围观）

还没有评论，来说两句吧...

相关阅读

相关前端开发必备（三）-----用js验证表单是否为空以及验证码是否输入正确

1.isEmptyAndVerify.js代码如下 / 定义验证码 / //设置一个全局的变量，便于保存验证码 var cod

忘是亡心i/ 2024年02月18日 22:57/ 0 赞/ 17 阅读

相关 js判断所有表单值是否为空

<!DOCTYPE html> <html> <head> <title>提交表单页</title> <meta c

た入场券/ 2024年02月18日 20:00/ 0 赞/ 54 阅读

相关表单提交时验证数据是否为空

一、利用[submit][]按钮实现提交，当点击submit按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false, 不提交

矫情吗；*/ 2023年10月01日 20:31/ 0 赞/ 12 阅读

相关判断表单中提交的数据是否一致和是否为空值，如果为空值则不允许提交，如果不一致则提示

javaScript： <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.js"></s

水深无声/ 2023年09月30日 08:09/ 0 赞/ 7 阅读

相关提交表单时，进行ajax验证

提交表单时，先进行ajax验证，根据验证结果判断是否提交表单。这时的ajax验证必须是同步的，才能保证先验证后提交表单。代码如下： function c

朴灿烈づ我的快乐病毒、/ 2023年06月30日 09:06/ 0 赞/ 5 阅读

相关表单提交验证

其中几个知识点 1、angularJs提供了几个新的type类型： ![复制代码][copycode.gif] type="password"

Dear 丶/ 2022年06月05日 04:24/ 0 赞/ 314 阅读

相关 jQuery 实现表单提交前检验元素值是否为空

jQuery 实现表单提交前检验元素值是否为空在<form>标签中添加 οnsubmit="return checkForm()" <form class=

Bertha 。/ 2022年05月30日 00:37/ 0 赞/ 217 阅读

相关表单提交的验证

一应用提交表单时，通过onsubmit事件来判断表单中是否有空文本框，如果有，则不允许提交，并通过表单的onreset事件将表单中的文本框清空，以便重新输入信息。

Bertha 。/ 2022年05月12日 00:00/ 0 赞/ 265 阅读

相关表单提交添加点击事件，并判断内容是否为空

表单提交添加点击事件，并判断内容是否为空最近刚好在做到个人博客发表博客部分，包括标题、分类以及内容三个部分。通过form表单提交，这里只做相对简单的处理，提交的时候需要

灰太狼/ 2022年04月06日 13:08/ 0 赞/ 202 阅读

相关 form表单判断是否为空——JavaWeb

在编程时，以前没有注意，突然遇到这个问题，就是form表单完全是空，从前台取到后台是空，但不是null，导致可以添加进数据库但是没有什么信息，所以，我百度了一下发现此空不属于n

Dear 丶/ 2021年11月05日 00:54/ 0 赞/ 308 阅读