ajax必填项验证,jQuery验证 - 通过MVC2中的ajax动态添加必填字段
我正在尝试在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动态添加必填字段相关推荐
- layui自带验证体系:手机号验证、邮箱验证、必填项非空验证、数字验证(含代码、案例)
layui自带验证体系:手机号验证.邮箱验证.必填项非空验证.数字验证(含代码.案例) 案例 · 截图: 实例代码: <!DOCTYPE html> <html> <he ...
- ajax post 不起作用,jQuery验证submitHandler在$ .ajax post表单数据中不起作用
我使用$.ajax发送数据并使用jQuery验证插件进行验证,如下所示: Send JS: jQuery(document).ready(function ($) { $('#myform').val ...
- ajax提交前先验证,jQuery验证AJAX之前提交(jQuery validation before AJAX sub
我有以下的jQuery验证代码的简单注册表格: $(document).ready(function(){ $("#registerForm").validate({ rules: ...
- Jquery实现无限级树状结构并动态添加增删改等编辑功能
点击打开链接 源:http://www.56gee.com/Detail/2012/04/11/8AEB74E423/ <!DOCTYPE html PUBLIC "-//W3C//D ...
- 动态添加html元素绑定事件,关于javascript:jQuery如何将onclick事件绑定到动态添加的HTML元素...
本问题已经有最佳答案,请猛点这里访问. 我想将onclick事件绑定到用jquery动态插入的元素 但它从不运行绑定函数.如果您能指出这个示例为什么不起作用,以及如何使它正常运行,我将非常高兴: /p ...
- sweetalert 2.0 ajax,处理SweetAlert2中的AJAX返回值
我使用带有AJAX请求的SweetAlert2 Popup.一旦用户点击提交,我执行请求. 在PHP文件中,我对提交的数据进行了一些验证,根据结果,我想在SweetAlert2中为用户提供反馈作为信息 ...
- Ruby系统中的AJAX开发技术简析
一. Ajax的简短历史 在短短几个月内,Ajax从一种十分模糊稀罕的技术一下变成最热门的 东西.本文将介绍极其容易使用的Ajax支持-作为Ruby on Rails web应用程序框架的一部分实现. ...
- jquery动态添加列表后样式失效解决方式
最近在做一个通讯录,使用jquery mobile方式来做,在动态添加列表后,listview原有的样式失效,折腾一会,找出解决办法.代码如下. <%@ page language=" ...
- 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 $ ...
最新文章
- IP虚拟分片重组配置命令
- php跟web前端的区别,php与javascript的区别是什么?
- 最大的100家外包公司(zz.IS2120@BG57IV3)
- 白话Elasticsearch42-深入聚合数据分析之案例实战__bucket filter:统计牌品最近一个月的平均价格(Filter Aggregation)
- 摄像头图像分析目标物体大小位置_小目标检测的增强算法
- Android 全局悬浮按钮,悬浮按钮点击事件
- 索引-linux-技术大钢
- c++ 删除文件_win7 系统电脑C盘哪些文件可以删除掉?
- 【Computer Organization笔记01】计算机组成原理课程要求、计算机的层次结构、计算机的发展历史
- 2021牛客暑期多校训练营10,签到题FH
- URAL 1022 Genealogical Tree
- 数字地球与计算机技术联系,数字地球与地球空间信息科学的关系
- 多特征线性回归梯度下降算法的matlab实现
- Struts2框架 下载和配置
- OPERA重要密码学习一
- 在线人民币数字金额转成美元金额大写工具
- 微信小程序-中英文文本换行的小问题
- 冇内容管理系统分析-js中关于array的slice和sort方法(转自JavaEye)
- 微信小程序 用户中心界面(二)
- Unity平行光源方向_WorldSpaceLightPos0自定义
热门文章
- Android之beginTransaction
- CS随笔-TCP瞎逼逼之数据传输
- python hashlib_python import hashlib出现问题
- 机器学习----------口碑商家客流量预测(天池大赛案例)学习心得
- 【AutoCAD中实现双击文本编辑功能】
- 网站荣耀服务器ip,华为荣耀路由器管理页面IP地址是多少
- L58.linux命令每日一练 -- 第九章 Linux进程管理命令 -- pgrep和kill
- Python拼音转汉字
- 小米/红米开启游戏消息屏蔽
- (Java岗)秋招打卡!一本学历拿下美团、阿里、快手、米哈游offer