ajax必填项验证,jQuery验证 - 通过MVC2中的ajax动态添加必填字段

博主在MVC2应用中遇到一个问题,使用jQuery验证动态加载的表单字段。初始加载时,验证功能正常,但通过Ajax加载3个额外必填字段后,只有原始3个字段在提交时进行验证。问题在于验证器对象未更新以包含新字段。调试发现,验证器一旦创建,不会重新初始化。注释掉特定代码后,新字段可以验证,但原始字段不再验证。寻求解决方案以确保提交时所有字段都进行验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我正在尝试在MVC2中的表单上使用jQuery验证。我正在使用期货项目中的MicrosoftMvcJQueryValidation.js。

首次加载表单时,它是代表ViewViewModel,并且有三个字段经过验证。验证对他们来说非常有效。

用户可以通过ContactViewModel类表示的Ajax点击链接,该链接加载3个额外的必填字段。

我已经开始工作,以便MVC框架将正确的window.mvcClientValidationMetadata数据发送回浏览器和__ MVC_EnableClientValidation和__ MVC_CreateValidationOptions正在为新添加的字段调用函数。

但是,当按下提交按钮时,只会对前3个字段进行验证。

我正在使用的模型是:

public class RepresentativeViewModel

{

[HiddenInput(DisplayValue=false)]

public int Id { get; set; }

[Required(ErrorMessage = "Name is required")]

public string Name { get; set; }

[Required(ErrorMessage = "Telephone is required")]

public string Telephone { get; set; }

[Required(ErrorMessage = "Website is required")]

public string Website { get; set; }

public IEnumerable ContactList { get; set; }

}

public class ContactViewModel

{

[HiddenInput(DisplayValue = false)]

public int Id { get; set; }

public int RepresentativeId { get; set; }

public RepresentativeViewModel Representative { get; set; }

[Required(ErrorMessage="First Name is required")]

public string FirstName { get; set; }

[Required(ErrorMessage = "Last Name is required")]

public string LastName { get; set; }

[Required(ErrorMessage = "Job is required")]

public string JobTitle { get; set; }

}

通过一些调试我在jquery.validate中找到了这个:

// check if a validator for this form was already created

var validator = $.data(this[0], 'validator');

if ( validator ) {

return validator;

}

似乎在我通过ajax加载额外字段后,与表单关联的验证器将永远不会更新。如果我注释掉这一行:

return validator;

然后只验证新字段。

当用户点击提交时,如何同时验证原始字段和新字段?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值