加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net-mvc – jQuery Mobile和不显眼的验证

发布时间:2020-12-15 19:17:15 所属栏目:asp.Net 来源:网络整理
导读:我正在创建一个基于 jQuery Mobile (Alpha 3)的 ASP.NET MVC 3应用程序,利用MVC3提供的不引人注目的验证.当页面被直接访问(Url中没有哈希)时,验证工作是完美的.但是,当您导航到页面时,jQuery Mobile使用Ajax Navigation来动态加载它(在Url中显示哈希),并且验
我正在创建一个基于 jQuery Mobile (Alpha 3)的 ASP.NET MVC 3应用程序,利用MVC3提供的不引人注目的验证.当页面被直接访问(Url中没有哈希)时,验证工作是完美的.但是,当您导航到页面时,jQuery Mobile使用Ajax Navigation来动态加载它(在Url中显示哈希),并且验证停止工作.

以下是正在使用的代码示例:

模型:

[Required(ErrorMessage = "Missing value")]
[DisplayName("Property Display Name")]
public int? PropertyName { get; set; }

查看(剃须刀):

@Html.LabelFor(model => model.PropertyName)
@Html.TextBoxFor(model => model.PropertyName)
@Html.ValidationMessageFor(model => model.PropertyName)

生成的HTML:

<label for="PropertyName">Property Display Name</label>
<input data-val="true" data-val-number="The field Property Display Name must be a number." data-val-required="Missing value" id="PropertyName" name="PropertyName" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="PropertyName" data-valmsg-replace="true"></span>

以前可能已经加载了其他页面,并且HTML元素不再具有唯一的ID.除了滚动我自己的Html Helper类以生成Label,TextBox和ValidationMessage的HTML,是否有任何方法来处理这种情况?

解决方法

我在这个同样的问题上一直在努力,但是@Zote指出我正确的方向.

parse()是要走的路,但是确保通过选择器ie:

jQuery.validator.unobtrusive.parse("form")

要么

jQuery.validator.unobtrusive.parse(document)

挂钩的最好方法可能是通过JQMspageshow事件.这将在每次新的页面转换之后被触发,像这样,您也可以更喜欢在jqm在页面上完成它的魔力以及使用pagebeforeshow事件

$('div').live('pageshow',function(event){
  jQuery.validator.unobtrusive.parse(".ui-page-active form");
});

通过使用.ui-page-active,您可以将搜索缩小到当前活动页面.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读