MVC：开盘后在SimpleModal AJAX弹出客户方验证停止工作和关闭一次 [英] MVC: Clientside validation stops working in SimpleModal AJAX popup after opening and closing it once
问题描述
我有一个simplemodal弹出窗口视图。你点击一个超链接，它会弹出窗口，如果你尝试不填写任何信息，它会显示旁边的文本框相应的验证错误信息提交popup'd形式。如果关闭模式弹出，然后再次单击超链接，它似乎没有做客户端验证，当你点击提交。它只是让它提交，然后它会赶上它在服务器端检查。为什么会打开一个模式弹出，然后关闭它，然后重新打开第二次补充验证停止工作？我使用的是demo'd在 SimpleModal演示基本OSX模式。任何建议，将不胜AP preciated。我在工地附近的检查，但如果有人有previous职位，可能是将AP preciated太大的帮助。
下面是我的局部视图文件：
＆LT;％@控制语言=C＃继承=System.Web.Mvc.ViewUserControl＆LT; NSS.Models.Company＆gt;中％＆GT;
＆LT;脚本的src =/脚本/ MicrosoftAjax.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =/脚本/ MicrosoftMvcAjax.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =/脚本/ MicrosoftMvcValidation.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;％Html.EnableClientValidation（）; ％> ＆LT;％使用（Html.BeginForm（创建，公司）） {％> ＆LT;％：Html.ValidationSummary（TRUE）％>
＆LT;字段集＆GT;
＆LT;传奇＆gt;新建企业和LT; /传说＆GT;
＆LT; DIV CLASS =编辑标记＆GT;
＆LT;％：Html.LabelFor（型号=＆GT; model.Company_Name）％＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =主编场＆GT;
＆LT;％：Html.TextBoxFor（型号=＆GT; model.Company_Name）％＆GT;
＆LT;％：Html.ValidationMessageFor（型号=＆GT; model.Company_Name）％＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =编辑标记＆GT;
＆LT;％：Html.LabelFor（型号=＆GT; model.Company_Phone）％＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =主编场＆GT;
＆LT;％：Html.TextBoxFor（型号=＆GT; model.Company_Phone）％＆GT;
＆LT;％：Html.ValidationMessageFor（型号=＆GT; model.Company_Phone）％＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =编辑标记＆GT;
＆LT;％：Html.LabelFor（型号=＆GT; model.Company_Fax）％＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =主编场＆GT;
＆LT;％：Html.TextBoxFor（型号=＆GT; model.Company_Fax）％＆GT;
＆LT;％：Html.ValidationMessageFor（型号=＆GT; model.Company_Fax）％＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =编辑标记＆GT;
＆LT;％：Html.LabelFor（型号=＆GT; model.Company_Website）％＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =主编场＆GT;
＆LT;％：Html.TextBoxFor（型号=＆GT; model.Company_Website）％＆GT;
＆LT;％：Html.ValidationMessageFor（型号=＆GT; model.Company_Website）％＆GT;
＆LT; / DIV＆GT;
＆其中p为H.;
＆LT;输入类型=提交值=创建/＆GT;
＆所述; / P＆GT;
＆LT; /字段集＆GT;
＆LT;％}％>
这部分是的.aspx该块所呈现的：
＆LT; DIV ID ='集装箱'＆GT;
＆LT; DIV ID ='内容'＆GT;
＆LT; DIV ID ='OSX模态'＆GT;
＆LT;输入类型=按钮NAME =OSX价值='示范'级='OSX演示/＆GT;
＆LT; / DIV＆GT;
＆LT;！ - 模态内容 - ＆GT;
＆LT; DIV ID =OSX峰内容＆GT;
＆LT; DIV ID =OSX模态的标题＆GT;创建一个新的公司和LT; / DIV＆GT;
＆LT; DIV CLASS =关闭＆GT;＆LT; A HREF =＃级=simplemodal闭＆GT，X＆LT; / A＆GT;＆LT; / DIV＆GT;
＆LT; DIV ID =OSX模态数据＆GT;
＆LT; H2＆GT;创建一个新的公司和LT; / H＆GT;
＆所述;％Html.RenderPartial（的CreateForm，新NSS.Models.Company（））; ％＆GT;
＆LT; P＆GT;＆LT;按钮类=simplemodal闭＆GT;关闭＆LT; /按钮＆GT; ＆LT;跨度＆GT;（或preSS ESC键或单击叠加）和LT; / SPAN＆GT;＆LT; / P＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
下面是我的验证code：
公共类Company_Validation
{
[必需的（AllowEmptyStrings =假，的ErrorMessage =公司名称是必需的）
[StringLength（50的ErrorMessage =企业名称不得长于50个字符）
公共字符串COMPANY_NAME {获得;组; }
}
由于SimpleModal处理模式的内容的方式，它听起来就像是失去了有效性结合。
一种选择是使用了坚持：真正的选择，但你可能想确保清除任何填充表单值
例如：
$（元素）.modal（{
坚持：真，
的OnClose：函数（对话）{
VAR模式=这一点;
$（'输入，文本区域'，dialog.data [0]）VAL（''）。
modal.close（）;
}
}）;
I have a view with a simplemodal popup window. You click on a hyperlink, it pops up the window, and if you try to submit the popup'd form without filling in any information it will display the appropriate validation error message next to the textbox. If you close the modal popup and click the hyperlink again, it seems to not do the client side validation when you click the submit. It just lets it be submitted, and then it'll catch it on the server side checking. Why would opening a modal popup and then closing it, and then reopening a second time make validation stop working? I'm using the basic osx modal that is demo'd at SimpleModal Demos. Any suggestions would be greatly appreciated. I've checked around the site but if someone has a previous post that could be helpful that would be appreciated too.
Here is my partial view file:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<NSS.Models.Company>" %>
<script src="/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
<% Html.EnableClientValidation(); %> <% using (Html.BeginForm("Create", "Companies")) {%> <%: Html.ValidationSummary(true)%>
<fieldset>
<legend>New Company</legend>
<div class="editor-label">
<%: Html.LabelFor(model => model.Company_Name)%>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.Company_Name)%>
<%: Html.ValidationMessageFor(model => model.Company_Name)%>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Company_Phone)%>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.Company_Phone)%>
<%: Html.ValidationMessageFor(model => model.Company_Phone)%>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Company_Fax)%>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.Company_Fax)%>
<%: Html.ValidationMessageFor(model => model.Company_Fax)%>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Company_Website)%>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.Company_Website)%>
<%: Html.ValidationMessageFor(model => model.Company_Website)%>
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
<% } %>
That partial is rendered in this block of .aspx:
<div id='container'>
<div id='content'>
<div id='osx-modal'>
<input type='button' name='osx' value='Demo' class='osx demo'/>
</div>
<!-- modal content -->
<div id="osx-modal-content">
<div id="osx-modal-title">Create a new Company</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
<div id="osx-modal-data">
<h2>Create a new Company</h2>
<% Html.RenderPartial("CreateForm", new NSS.Models.Company()); %>
<p><button class="simplemodal-close">Close</button> <span>(or press ESC or click the overlay)</span></p>
</div>
</div>
</div>
</div>
Here is my Validation code:
public class Company_Validation
{
[Required(AllowEmptyStrings=false, ErrorMessage = "Company Name is required")]
[StringLength(50, ErrorMessage = "Company Name may not be longer then 50 characters")]
public string Company_Name { get; set; }
}
Because of the way SimpleModal handles the contents of the modal, it sounds like it is losing the validation binding.
One option would be to use the persist: true option, but you'd probably want to make sure to clear out any populated form values.
For example:
$(element).modal({
persist: true,
onClose: function (dialog) {
var modal = this;
$('input, textarea', dialog.data[0]).val('');
modal.close();
}
});
这篇关于MVC：开盘后在SimpleModal AJAX弹出客户方验证停止工作和关闭一次的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
