我正在尝试在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;

然后只验证新字段。

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

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

  1. layui自带验证体系:手机号验证、邮箱验证、必填项非空验证、数字验证(含代码、案例)

    layui自带验证体系:手机号验证.邮箱验证.必填项非空验证.数字验证(含代码.案例) 案例 · 截图: 实例代码: <!DOCTYPE html> <html> <he ...

  2. ajax post 不起作用,jQuery验证submitHandler在$ .ajax post表单数据中不起作用

    我使用$.ajax发送数据并使用jQuery验证插件进行验证,如下所示: Send JS: jQuery(document).ready(function ($) { $('#myform').val ...

  3. ajax提交前先验证,jQuery验证AJAX之前提交(jQuery validation before AJAX sub

    我有以下的jQuery验证代码的简单注册表格: $(document).ready(function(){ $("#registerForm").validate({ rules: ...

  4. Jquery实现无限级树状结构并动态添加增删改等编辑功能

    点击打开链接 源:http://www.56gee.com/Detail/2012/04/11/8AEB74E423/ <!DOCTYPE html PUBLIC "-//W3C//D ...

  5. 动态添加html元素绑定事件,关于javascript:jQuery如何将onclick事件绑定到动态添加的HTML元素...

    本问题已经有最佳答案,请猛点这里访问. 我想将onclick事件绑定到用jquery动态插入的元素 但它从不运行绑定函数.如果您能指出这个示例为什么不起作用,以及如何使它正常运行,我将非常高兴: /p ...

  6. sweetalert 2.0 ajax,处理SweetAlert2中的AJAX返回值

    我使用带有AJAX请求的SweetAlert2 Popup.一旦用户点击提交,我执行请求. 在PHP文件中,我对提交的数据进行了一些验证,根据结果,我想在SweetAlert2中为用户提供反馈作为信息 ...

  7. Ruby系统中的AJAX开发技术简析

    一. Ajax的简短历史 在短短几个月内,Ajax从一种十分模糊稀罕的技术一下变成最热门的 东西.本文将介绍极其容易使用的Ajax支持-作为Ruby on Rails web应用程序框架的一部分实现. ...

  8. jquery动态添加列表后样式失效解决方式

    最近在做一个通讯录,使用jquery mobile方式来做,在动态添加列表后,listview原有的样式失效,折腾一会,找出解决办法.代码如下. <%@ page language=" ...

  9. ajax获取后台数据的几种方式及如何获取ajax内部的数据供外部使用

    文章目录 1 ajax获取后台数据的几种方式 1.1 原生js的ajax方式 1.1.1 get 1.1.2 post 1.2 jQuery封装的ajax方式 1.2.1 $.ajax 1.2.2 $ ...

最新文章

  1. IP虚拟分片重组配置命令
  2. php跟web前端的区别,php与javascript的区别是什么?
  3. 最大的100家外包公司(zz.IS2120@BG57IV3)
  4. 白话Elasticsearch42-深入聚合数据分析之案例实战__bucket filter:统计牌品最近一个月的平均价格(Filter Aggregation)
  5. 摄像头图像分析目标物体大小位置_小目标检测的增强算法
  6. Android 全局悬浮按钮,悬浮按钮点击事件
  7. 索引-linux-技术大钢
  8. c++ 删除文件_win7 系统电脑C盘哪些文件可以删除掉?
  9. 【Computer Organization笔记01】计算机组成原理课程要求、计算机的层次结构、计算机的发展历史
  10. 2021牛客暑期多校训练营10,签到题FH
  11. URAL 1022 Genealogical Tree
  12. 数字地球与计算机技术联系,数字地球与地球空间信息科学的关系
  13. 多特征线性回归梯度下降算法的matlab实现
  14. Struts2框架 下载和配置
  15. OPERA重要密码学习一
  16. 在线人民币数字金额转成美元金额大写工具
  17. 微信小程序-中英文文本换行的小问题
  18. 冇内容管理系统分析-js中关于array的slice和sort方法(转自JavaEye)
  19. 微信小程序 用户中心界面(二)
  20. Unity平行光源方向_WorldSpaceLightPos0自定义

热门文章

  1. Android之beginTransaction
  2. CS随笔-TCP瞎逼逼之数据传输
  3. python hashlib_python import hashlib出现问题
  4. 机器学习----------口碑商家客流量预测(天池大赛案例)学习心得
  5. 【AutoCAD中实现双击文本编辑功能】
  6. 网站荣耀服务器ip,华为荣耀路由器管理页面IP地址是多少
  7. L58.linux命令每日一练 -- 第九章 Linux进程管理命令 -- pgrep和kill
  8. Python拼音转汉字
  9. 小米/红米开启游戏消息屏蔽
  10. (Java岗)秋招打卡!一本学历拿下美团、阿里、快手、米哈游offer