form表单提交前使用confirm进行判断

最新推荐文章于 2023-07-23 10:04:22 发布

原创最新推荐文章于 2023-07-23 10:04:22 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#form表单提交 #confirm

前端总结专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在form表单提交时通过confirm对话框进行提交判断。点击submit后，只有当用户确认，才会执行类似SQL的命令；否则，表单提交将被取消。关键在于利用JavaScript的confirm函数实现这一功能。

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

前记

想实现一个form提交时,当点击sumbit后弹出confirm框如果确定则提交否则不提交.

效果

在这里插入图片描述
点击确认后,执行类sql命令,取消则不执行

实现

重点就是下面这句话

<input type="submit" onclick="return window.confirm('确认添加');" value="提交">

下边是完整代码,有很多格式,忽略即可

<form action="<%=request.getContextPath()%>/admin/addDoctor" method="post" class="form-horizontal" style="padding: 20px 0px 0px 20px">

        <div class="row center-block">
            <div class="form-group col-md-2">
                <label for="DoctorAccount">医生登陆账号</label>
                <input type="text" class="form-control" name="doctorAccount" id="doctorAccount">
            </div>
        </div>

        <div class="row center-block">
            <div class="form-group col-md-2">
                <label for="DoctorPwd">登录密码</label>
                <input type="text" class="form-control" name="doctorPwd" id="doctorPwd">
            </div>
        </div>

        <div class="form-group"  style="padding-left: 20px;">
            <button class="btn btn-success col-md-1" type="submit" onclick="return window.confirm('确认添加');">添加</button>
        </div>
    </form>