JS 模态框实现保存成功提示

本文展示了如何利用JavaScript实现一个模态框,在表单保存成功后弹出提示,并在设定的时间后自动关闭。通过`closest()`方法找到表单,使用`validate()`进行表单验证,`submitHandler`处理表单提交,`post`方法发送数据,`done.cs.form.submit`事件处理返回数据,最后用`setTimeout`延迟隐藏模态框。
摘要由CSDN通过智能技术生成
JS 文件函数编辑示例
$(function(){
    var autoFormSubmit = function(e){
        var _this = $(this);
        // closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上
        var _form = _this.closest("form");
        // 设置提交的
        _form.validate({
                //onclick  : false,
                // submitHandler 之后的函数是通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交
                // 说明:当表单通过验证,提交表单。回调函数有个默认参数 form
                submitHandler:function(form,e){
                    // trigger() 方法触发被选元素的指定事件类型
                    // _this 是被选元素 - "before.cs.form.submit" 是事件 - 实际中只需要给这个事件添加不同的处理函数即可
                    // 其中校验是写在事件对应的匿名函数之中
                    _this.trigger("before.cs.form.submit");
                    allModalShow();
                    // 将 action 放于 attr 之上,不要放置在 submit 元素(a 或者 button) 之上
                    // 即 表单的 action 属性值为 url
                    $.post(_form.att
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值