[JAVA]jsp表单非空校验

  1. jsp表单
  2. js代码
  3. 效果

弹窗式提示,在点击提交后,为空则弹出提示框。

jsp表单

<body>
<h1>提交</h1>
<form class="form" action="/aa" method="post">
    <input type="text" name="name" id="name" placeholder="用户名" onblur="validateNonEmpty(this)" />
    <input type="password" name="password" id="password" placeholder="密码"/>
    <button type="submit" name="regist" onclick="return valid()" >注册</button>
</form>
</body>

 

js代码

<script type="text/javascript">
    function valid() {
        var name = document.getElementById("name").value;
        var pas = document.getElementById("password").value;

        if(name=="" || name==null){
            alert("用户名不能为空!");
            return false;
        }
        else if(pas=="" || pas==null){
            alert("密码不能为空!");
            return false;
        }
        else{
            return true;
        }
    }
</script>

 

效果


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 xiaoxin1218@qq.com

文章标题:[JAVA]jsp表单非空校验

文章字数:152

本文作者:周信

发布时间:2019-10-16, 18:40:49

最后更新:2023-05-03, 10:25:35

原始链接:http://zx21.xyz/2019/10/16/JAVA-jsp表单非空校验/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

可为我打赏鼓励~