阻止form表单默认提交的方法

最新推荐文章于 2024-07-09 10:31:03 发布

robin_sky

最新推荐文章于 2024-07-09 10:31:03 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/robin_sky/article/details/90297698

前端专栏收录该内容

23 篇文章

订阅专栏

博客提及前端代码相关内容，指出只要在form上添加代码即可实现某些功能，聚焦于前端开发方面的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端代码：

 <form method="post"  id="form" onsubmit="return false;" >
                    <div class="form-group">
                      <label for="username">用户名：</label>
                      <input type="text" class="form-control" id="username" name="username" placeholder="请输入用户名" required>
                    </div>
                    <div class="form-group">
                      <label for="exampleInputEmail1">密 码：</label>
                      <input class="form-control" type="password" name="password" id="example-password-input" placeholder="请输入密码" required>
                    </div>
                      <div class="form-group">
                      <label for="username">验证码：</label>
                      <input class="form-control" type="text" name="verify" placeholder="验证码" style="width: 50%;" required>
                          <div class="capcha"  >
                              <img src="{{:captcha_src()}}" alter="captcha" onclick="javascript:this.src='{{:captcha_src()}}?rand='+Math.random()" />
                          </div>
                      </div>
                    <button class="btn btn-general btn-blue" role="button" style="width: 100%;" id="submit">
                        <i fa fa-right-arrow></i>登录
                    </button>
                  </form>

只要在form上添加代码就可以：