【发布时间】：2013-05-15 15:09:50
【问题描述】：
在我的应用程序中，我们有一个可以编辑用户详细信息的页面。其中一些信息经过验证，以确保某些字段是必需的，而另一些则不是。当输入无效条目时，我们会看到以下验证消息：
http://gyazo.com/693fefaa64693ebbddbe1484f9b20cb8
在英语区域工作时这很好，但是该网站也以瑞典语运行，并且表单显示如下：
http://gyazo.com/7a426e503dc7243b68cba0b41fe7509d
到目前为止一切顺利，但是当我们提交带有空字段的表单时，验证会被绕过，并且会发送以下消息：
http://gyazo.com/4bd7922485e0df603212583aea8bdf8c
我相信“数据已更新”。对于我的一生，我无法确定这个问题的原因。请参阅下面的页面脚本中的表单验证：
$("#edit_owner_form").validate({
onfocusout: function(element)
{
//do nothing on focus out
},
onkeyup:function()
{
//do nothing on keyup
},
submitHandler: function (form) {
return true;
},
rules: {
Website: { url: true },
TransactionRetentionPeriodInDays: { number: true },
Company: { required: true },
City: { required: true },
Country: { required: true },
PhoneNumber: { required: true }
},
messages: {
Company: { required: COMPANY_NAME_REQUIRED },
City: { required: TOWN_CITY_REQUIRED },
Country: { required: COUNTRY_REQUIRED },
PhoneNumber: { required: PHONENUMBER_REQUIRED },
Website: { url: WEBSITE_REQUIRED }
},
errorPlacement: function (error, element) {
error.appendTo($('#errorbox'));
$("#errorbox label").css("color","#B94A48;");
$("#ownerdetail").show();
},
});
所有消息都是预定义的变量，它们选择了正确的文化，但从未显示。我还将提供表格本身以供参考：
<form id="edit_owner_form">
<div class="container" id="ownerDetails">
<input type="hidden" name="OwnerId" id="OwnerId" value="@Model.OwnerId" />
<table>
<tr style="vertical-align: top;">
<td style="width: 300px; vertical-align: top;">
<div id="left" style="vertical-align: top; clear: both; height: 470px;">
<div class="editor-label" style="font-weight: bold;">
@Language.CompanyName <span class="reqd-field">*</span>
</div>
<br />
<div class="editor-field">
<input type="text" name="Company" id="Company" value="@Model.Company" style="width:260px;" />
</div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.Street</div>
<br />
<div class="editor-field">
<input type="text" name="Street" id="Street" value="@Model.Street" style="width:260px;" />
</div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.PostalZip</div>
<br />
<div class="editor-field">
<input type="text" name="PostalZIP" id="PostalZIP" value="@Model.PostalZIP" style="width:260px;" />
</div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.PhoneNumber <span class="reqd-field">*</span></div>
<br />
<div class="editor-field">
<input type="text" name="PhoneNumber" id="PhoneNumber" value="@Model.PhoneNumber" style="width:260px;" />
</div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.Website</div>
<br />
<div class="editor-field">
<input type="text" name="Website" id="Website" value="@Model.Website" style="width:260px;" />
</div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.GLN</div>
<br />
<div class="editor-field">
<input type="text" name="GLN" id="GLN" style="width: 260px;" value="@Model.GLN" /></div>
<br />
</div>
</td>
<td style="width: 300px; vertical-align: top;">
<div id="right" style="vertical-align: top; clear: both; height: 470px;">
<div class="editor-label" style="font-weight: bold;">
@Language.Number</div>
<br />
<div class="editor-field">
<input type="text" name="Number" id="Number" value="@Model.Number" style="width:260px;" /></div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.TownCity <span class="reqd-field">*</span></div>
<br />
<div class="editor-field">
<input type="text" name="City" id="City" value="@Model.City" style="width:260px;" />
</div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.Country <span class="reqd-field">*</span></div>
<br />
<div class="editor-field">
@Html.DropDownListFor(model => model.Country, Model.AvailableCountries != null ? Model.AvailableCountries : new SelectList(new[] { "" }), new { id = "Country", name = "Country", style = "width:260px;height:30px !important;" })
</div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.FaxNumber</div>
<br />
<div class="editor-field">
<input type="text" name="FaxNumber" id="FaxNumber" value="@Model.FaxNumber" style="width:260px;" />
</div>
<br />
<div class="editor-label" style="font-weight: bold;">
@Language.Currency</div>
<br />
<div class="editor-field">
@Html.DropDownListFor(model => model.CurrencyCode_CurrencyCodeId, Model.CurrencyCodes != null ? Model.CurrencyCodes : new SelectList(new[] { "" }), new { id = "CurrencyCode_Code", style = "width:260px;height:30px !important;" })
</div>
</div>
</td>
</tr>
</table>
</div>
</form>
在不同文化中进行验证时，我是否遗漏了什么？我很感激任何和所有的回应，我真的很难过！提前致谢。
【问题讨论】：
-
你在使用验证 HtmlHelpers 吗？
-
出于某种原因，我不相信我们在网站的这一部分。所有代码都与我发布的完全相同。经过一些调试，我可以看到当我们使用瑞典语时，'$("#edit_owner_form").validate' 根本没有受到打击。有什么建议可以说明为什么会因为文化原因而停止？
-
事实上，在瑞典语中，'$(document).ready' 中的 JavaScript 似乎都没有受到影响，这太奇怪了。
标签： javascript jquery asp.net forms validation