bootstrap modal 清除表单验证

最新推荐文章于 2024-10-07 20:56:37 发布

往事如烟&程序媛

最新推荐文章于 2024-10-07 20:56:37 发布

阅读量96

点赞数

分类专栏： .NET Framework 文章标签： bootstrap 前端 javascript

本文链接：https://blog.csdn.net/lln93988/article/details/134861609

版权

.NET Framework 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<div class="modal fade" id="digMail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
                        <h4 class="modal-title" id="myModalLabel">设置可提交量提醒</h4>
                        <input id="hidProductId" type="hidden" />
                    </div>
                    <div class="modal-body">
                        <div class="card profile-manager">
                            <div class="card-content">
                                <form id="frmMail" class="form-horizontal info-group">
                                    <div class="form-group" id="mailToOther">
                                        <label class="col-sm-3 control-label">设置提醒邮箱</label>
                                        <div class="col-sm-8">
                                            <input id="iptMailToOther" class="website-input form-control" type="text" name="iptMailToOther" placeholder="提醒如需发送到多个邮箱，请使用逗号分隔" value="">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button id="btnSubmit" type="button" class="btn btn-primary">确认</button>
                    </div>
                </div>
            </div>
        </div>

$('#frmRemainCheck').bootstrapValidator({
            message: '输入内容有错误',
            excluded: [':disabled'],
            feedbackIcons: {},
            fields: {
                iptMailToOther: {
                    message: '提醒邮箱无效',
                    validators: {
                        regexp: {
                            regexp: '^[/.a-zA-Z0-9_\.-]+@@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+){1,2}(,[/.a-zA-Z0-9_-]+@@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+){1,2})*$|^$',
                            message: '请输入正确的提醒邮箱'
                        }
                    }
                }
            }
        });

 $('#frmMail').data('bootstrapValidator').resetForm();   // 清除表单的校验结果
 $('#frmMail').data('bootstrapValidator').validate(); // 重新进行表单校验
 $('#digMail').modal('show');

$('#btnSubmit').click(function () {
            $('#frmMail').data('bootstrapValidator').validate();
            var isValid = $('#frmMail').data('bootstrapValidator').isValid();
            if (isValid) {
                var postParam = {
                    MailToOther: $('#iptMailToOther').val()
                };
                $.ajax({
                    url: '@Url.Action("SetMail", "Mail")',
                    type: 'post',
                    data: postParam,
                    success: function (data) {
                        if (data.bSuccess) {
                            dialogAlert({ type: 'success', message: data.message });
                            $('#digMail').modal('hide');
                        } else {
                            dialogAlert({ type: 'danger', message: data.message });
                        }
                    }
                });
            }
        });