JS 提交表单笔记

最新推荐文章于 2021-06-30 14:36:31 发布

lstoryc

最新推荐文章于 2021-06-30 14:36:31 发布

阅读量133

点赞数

本文链接：https://blog.csdn.net/lstoryc/article/details/84588507

版权

$("#btnLogin").on("click", function(e) {
     e.preventDefault();
     ControlLogin.requestLogin();
});

$("#login-form").submit(function(e){
    e.preventDefault();
    ControlLogin.requestLogin();
});

<form id="login-form">
    <div class="form-group">
        <h3>Login to Wealthy e-banking</h3>
        <hr></div>
    <div class="form-group">
        <div id="login-alert" class="alert alert-warning hidDiv">
            <button class="close" type="button" aria-hidden="true">&times;</button> <strong>User name or password is not correct.</strong>
            <span class="err_msg"></span>
        </div>
    </div>
    <div class="form-group">
        <label>User ID/Account Number</label>
        <input type="text" class="form-control" id="userName" name="userName" placeholder="Your AT.PASS ID" required></div>
    <div class="form-group">
        <label>Password</label>
        <input type="password" class="form-control" id="password" name="password" placeholder="Your Account Password" required />
    </div>
    <button type="submit" id="btnLogin" class="btn btn-primary">&nbsp;&nbsp;&nbsp;&nbsp;Login&nbsp;&nbsp;&nbsp;&nbsp;</button>
</form>

这两个的区别就是一个会执行form表单的默认提交方式，比如验证文本域 required 什么的。。。

第一个就是监控你是否有按 button 的点击事件