个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在为我正在开发的许多网站使用 jQuery 模板，并且已经达到了我需要决定如何在客户端实现验证的程度。 Serverside 是一个 Asp.Net Mvc Restful 服务，处理各种模型。这些模型用 DataAnnotations 装饰来描述验证。下面是一个示例(请注意，我们使用资源文件作为错误副本):
[Required(
ErrorMessageResourceType = typeof(Validation),
ErrorMessageResourceName = "HomeAddressRequired")]
[StringLength(250,
ErrorMessageResourceType = typeof(Validation),
ErrorMessageResourceName = "HomeAddressStringLength")]
public string Address { get; set; }
以前，我只使用 Razor(或旧的 Asp.Net View 引擎，直到我们切换到 Mvc 3)，它处理生成 jquery.validate.js Hook 所需的所有客户端装饰。现在我正在使用 jQuery 模板，这不太可行。
我在这里看到三个选项:
修改模板以手动包含验证和错误副本。这很糟糕，因为我将被迫分别维护客户端和服务器端验证；它有点扼杀了 DataAnnotations 的整个想法。
利用 Razor 和 Mvc 3 的低调 JavaScript 方法来帮助我呈现模板。更好，因为它为我重现了验证，但性能受到影响。也意味着我正在使用服务器端模板引擎...来渲染模板。我可以通过输出缓存最大限度地减少性能损失。
仅依靠远程验证来返回我的模型的模型状态，并为 jQuery Validate 编写我自己的适配器，以处理正确元素的路由错误。这个可以避免使用 Razor，但会终止纯粹的客户端验证，意味着我必须编写一个复杂的插件。
理想情况下，当我们部署这个东西时，我应该能够将模板作为静态文件提供给客户端，而无需任何直接的后端依赖。
那么，对于我的问题:利用 jQuery 模板客户端和模型服务器端的 DataAnnotations，在不重复自己的情况下处理验证的最有效方法是什么？
最佳答案
我选择2)
错误模板可以位于客户端。对性能不友好的服务器端代码是为 jQuery.validation 设置规则的代码。但这确实无法避免，因为您的规则是在 .NET 模型中定义的。
我今天遇到了类似的问题，但是对于样式，我不太喜欢 jQuery.validation 如何为您制作标签。我想用 jQuery 模板覆盖输出。我还希望我的输出位于表格的另一个单元格中。
显然，您可以覆盖插件中的 validator.prototype.showLabel 函数。现在，您可以完全控制在出现问题时显示的位置以及显示的内容。
这是一个例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<script type="text/javascript">
$.extend($.validator.prototype, {
showLabel: function (element, message) {
$(element).siblings('.validationLabel').remove();
$('#tmplValidationLabel').tmpl({ Message: message }).insertAfter($(element));
}
});
</script>
</head>
<body>
<form>
<div><input type="text" name="Email" /></div>
<div><input type="text" name="SomeName" /></div>
<input type="submit" value="Submit" />
</form>
<script type="x-jquery-tmpl" id="tmplValidationLabel">
<span class="validationLabel">
<b>${Message}</b> <span> :( </span>
</span>
</script>
<script type="text/javascript">
$(function () {
$('form').validate({
rules: {
Email: { required: true, email: true },
SomeName: "required"
},
messages: {
Email: { required: "Enter Email", email: "Not an email" },
SomeName: "Enter something man!"
}
});
});
</script>
</body>
</html>
希望对你有帮助
气
关于使用 jQuery.Templates 场景进行 jQuery 验证，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5020193/
25
4
0
websocket的用途/场景 先总结：高即时性服务，比如聊天室的群聊，server顺序收到了张三，李四的消息，立即就推送给王五，不能让王五等半天。 Ajax也可以一秒一刷，让王五去问张三说话没，如果
前端的工作过程里，本地开发、提供测试环境，总得有个用着顺手的服务器软件，这个场景里nginx很流行。 介绍两个好用的配置项：rewrite try_files @xxxx rewrite 比较
我有一个场景的两个不同角度的 2 个视频文件，我想重建场景的 3D 估计。它类似于 3D 传感器的作用(例如 Kinect、PrimeSense)。我正在寻找一个库，甚至是一个完善的机器视觉算法，以便
我已阅读RebaseProject页面并尝试了一个不平凡的例子(不是对一个完整的分支进行 rebase )。这与 rebase D 的情况类似我场景B。 这是rebase之前的情况: default
有没有办法将我的场景保存在 JavaFx 应用程序中单独的 Java 文件中？我尝试过这样的事情: public class MyApp extends Application { pri
我有这样的场景:用户想要查看大量有关自己的信息。例如:年龄、姓名、地位、收入、工作、爱好、 child 的名字、妻子的名字、酋长的名字、祖父/祖母的名字。大约 50 个变量。他可以选择任何变量来显示信
我希望有人能帮助我解决这个问题:我有一个包含条目的表。我想执行查询并根据模式获取得分最高的记录。模式将是:如果我的话按原样出现，那么该条目的分数将是最高的。如果该单词出现在句子中，则该条目的分数将低于
我正在尝试在我的应用程序委托(delegate)方法中实现一些逻辑。了解当前正在运行哪种场景将非常有帮助。 [[CCDirector sharedDirector] runningScene] 返回当
好的，这是一个有趣的。我有 2 个表:tbl_notes、tbl_notes_categories 简单地说，tbl_notes 有一个 categoryid，我将 2 个表与该 ID 相关联。所以，
我有一个使用并行运行的 Specflow、selenium、NUnit 的测试解决方案在 AssemblyInfo 中添加了这个:[程序集:Parallelizable(ParallelScope.F
我正在尝试弄清楚如何在 SpriteKit 中添加更多场景。如果我在 GameViewController 中使用 SpriteKit 生成的行 if let scene = GameScene.un
目录 1、业务背景 2、场景分析 3、流程设计 1、业务流程 2、导入流程
我是 Unity 的新手，所以修复起来可能非常简单。我使用了一个 3D Google SketchUp 模型，我想让玩家环顾模型。 super 简单。 我添加了 3D 平面，添加了相机并更新了设置以支
我需要标记要跳过的某些测试。但是，有些测试是参数化的，我只需要能够跳过某些场景。 我使用 py.test -m "hermes_only" 调用测试或 py.test -m "not hermes_o
我已经开始使用 SpecFlow 并想知道是否可以在规范之间重用场景 基本上我的想法是这样的(我可能从根本上是错误的:)) 我编写了一项功能来验证导航。 功能:导航 I should be able
在编写验证输入表单上的信息的 BDD 场景时，您将如何列出规则。 选项是: 1) 每个规则一个场景 2)场景大纲，每个领域和规则的例子 我们如何说某些不在特定字符集中的无效内容，例如: 鉴于我输入了一
我们如何使用 StoryQ 来测试预期出现异常的场景？ 最佳答案 就实际代码而言，在测试代码的 .Then 部分，您需要创建一个 Action 或 Func 来确定正在测试的内容，然后在代码的 .Th
完成快速初学者努力通过点击按钮向场景添加节点。 我知道我可以使用点击手势来获取点击坐标并执行点击测试，然后在点击的 3D 空间中放置一个对象。但是，我想在设备屏幕的中央显示一个球体或十字准线，当点击屏
如何在表格中传递空格？ Background: Given the following books |Author |(here several spaces)
我正在尝试从 Eric Haines' Standard Procedural Database (SPD) 渲染“mount”场景，但折射部分就是不想配合。我已经尝试了所有我能想到的方法来修复它。
我是一名优秀的程序员,十分优秀！