Html中form表单的提交

最新推荐文章于 2024-05-04 15:43:14 发布

517号刺猬

最新推荐文章于 2024-05-04 15:43:14 发布

阅读量721

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/Lyj1010/article/details/82662977

版权

javaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

在form表单中写οnsubmit="return onCheck();";

再在js中通过重写onCheck()方法进行判断：

返回false则不提交表单，返回true时才进行表单的提交

<body>
  <form action="register.php" method="post" accept-charset="utf-8" onsubmit='return onCheck();'>
   <input type="text" name="userName" value="" placeholder="" id="name">
   <input type="password" name="pass" value="" placeholder="" id="pass">
   <input type="submit" name="" value="提交" id="subm">
   <input type="reset" name="" value="重置">
  </form>

  <script type='text/javaScript'>
       function onCheck(){
            var name=document.getElementById('name');
            var pass=document.getElementById('pass');
            if(name.value.trim()==''||pass.value.trim()==''){
                alert('用户名或密码不能为空！');
                return false;
            }else{
                return true;
            }
       }
  </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

517号刺猬

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Html中form表单的提交

在form表单中写onsubmit="return onCheck();";再在js中通过重写onCheck()方法进行判断：返回false则不提交表单，返回true时才进行表单的提交&lt;body&gt; &lt;form action="register.php" method="post" accept-charset="utf-8" onsubmit='return ...
复制链接

扫一扫