layui弹出表单提交后,界面model验证部分起作用

情况1----input属性中type=submit时验证都可以起作用,但是弹出层表单的返回值不能获取,所以用ajax二次提交后会出现重复添加数据的问题

情况2----input属性中type=button时验证部分起作用,其他正常,暂时看到的不起作用是required属性不起作用,正则表达式可以完美提醒

初步判断原因可能是用ajax+button表单并未完成提交,model的required属性验证必须在提交后台控制器后刷新提交页面才会出现,但是button方式并刷新界面,正则表达式的就算不刷新界面,input失去焦点时也会判断

问题找到了那就开始解决,既然没有提交导致的验证失效那就提交一次

如下代码,控制器设置为返回ActionResult,如果验证通过则直接添加返回Json对象执行success命令。如果后台验证ModelState.IsValid未通过则返回View对象执行error命令。在error命令中提交表单,则有返回命令,完美解决问题。

 $("#mysubmit").click(function () {
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            $.ajax({
                url: "/scjhtj/GC_info/",
                type: "post",
                dataType: "json",
                data: $("#form1").serialize(),
                success: function (data) {
                    if (data.Code == 0) {
                        parent.layer.close(index); //再执行关闭
                        parent.refreshProj(0, null);//0添加,1编辑,2查询
                        parent.layer.msg(data.Msg), { time: 500 };
                    }
                },
                error: function (data) {
                    $("#form1").submit();
                }
            })

原文地址:https://www.cnblogs.com/dangpengfei/p/10285915.html

时间: 2024-10-08 00:20:30

layui弹出表单提交后,界面model验证部分起作用的相关文章

form表单提交后保持输入的值

1.form表单提交后,继续保持原来输入的值 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta charset="UTF-8"> <title>form表单提交后保持输入的值</title> </head> <body> <form class="form

PHP关于表单提交 后 post get分页

PHP关于表单提交后分页函数的那点事--POST表单分页实现 phpfunctionclass加密inputjavascript 说到分页,其实你在Google一搜一大把.大部是通过GET实现,还有的是利用数据库查询的Limit来实现分页.当然表单也可以通过GET方式来提交,实现分页,就得把实现分页需用到参数用GET方式附在URL后面如这样: http://127.0.0.1/search.php?page=1&参数1=参数1值 当然我们有的时候并不想让别人知道我们要提交什么东东,要解决这一问题

struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input

原文地址:struts2 jsp表单提交后保留表单中输入框中的值 下拉框select与input jsp页面 1     function dosearch() {2         if ($("#textValue").val() == "") {3                 $("#errortip").html("<font color='#FF0000'>请输入查询内容</font>")

怎么实现form表单提交后不重新刷新当前页面

怎么实现表单提交后不重新刷新当前页面 如何实现表单提交后不重新刷新当前页面 <form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()"

基于jQuery+CSS3点击动画弹出表单代码

分享一款基于jQuery+CSS3点击动画弹出表单代码是一款鼠标点击图标按钮动画弹出表单特效代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="buttonCollection"> <div class="qutton" id="qutton_upload"> <div class="qutton_dialog" id="uploadDial

iframe+javascript实现一个表单提交后多个处理文件按序处理

最近在弄一个网页的问题,总结如下. [问题描述] 页面中包括以下几个部分:1)表单form,供用户输入图片文件:2)iframe1,显示a.php文件的内容,a.php接收客户端图片并保存,后台程序处理图片,生成相关数据文件:3)iframe2,显示b.php文件的内容,b.php读取结果文件对其进行分页显示: [实现思路] 以上功能主要在于两个问题: 1,form表单提交的形式一般是:input type="sumit"的表单元素配合form的action地址完成提交.此处要求先用a

Jquery表单提交后获取返回Json值

1.给form添加id值: <form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg"> 设置所有input标签的name属性值为数据库的字段值,即可以传值到后台 2.给提交按钮添加id值: <input cl

form表单提交后结果乱码的解决方法

1.产生乱码原因:表单提交使用的method="get",get方式数据都是通过地址栏传输,数据会以iso-8859-1方式传输,因此产生乱码 2.概念:URI: Uniform ResourceIdentifiers,通用资源标识符,有效的URI中不能包含某些字符,例如空格 3.解决编码和解码的方法: (1)js中decodeURIComponent() 函数的定义与用法: 定义:decodeURIComponent() 函数编码的URI进行解码[encodeURIComponent

a标签指定的url,在表单提交前进行js验证的实现

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script type="text/javascript"> function save(){ alert("拦截a标签的href请求提交1"); <!--此处仅仅模拟表单提交前的验证过程