技术开发 频道

为视图自定义辅助方法(上)

 使用


“记录 - 汇总”,无它耳。

 <form method="post" action="" id="form">

 <p>

 <span>Name: </span> <!-- 必填 -->

 <input type="text" name="user.Name" />

 <% this.JQuery().Validate().Required("user.Name", "please provide your name!!!"); %>

 </p>

 <p>

 <span>Age: </span> <!-- 必填,15到28之间的数字 -->

 <input type="text" name="user.Age" />

 <% this.JQuery().Validate().Required("user.Age", null); %>

 <% this.JQuery().Validate().Number("user.Age", null); %>

 <% this.JQuery().Validate().Range("user.Age", 15, 28, null); %>

 </p>

 <p>

 <span>Email:</span> <!-- 必填,且为合法Email -->

 <input type="text" name="user.Email" />

 <% this.JQuery().Validate().Required("user.Email", "email please..."); %>

 <% this.JQuery().Validate().Email("user.Email", "valid email please..."); %>

 </p>

 <input type="submit" value="Submit" />

 </form>

 <script language="javascript" type="text/javascript">

 <%= this.JQuery().Validate().ToScripts("#form") %>

 </script>

 请看最后生成的HTML:

 <script language="javascript" type="text/javascript">

 $("#form").validate({ "rules": { "user.Name": { "required": true }, …

 </script>

  因为编写了客户端辅助方法,我们已经把繁冗的客户端脚本变成了可以由Visual Studio提示并轻易输出的服务器端辅助方法——您觉得如何,是否满意?

原文地址:http://www.cnblogs.com/jeffreyzhao/archive/2009/04/29/custom-view-helpers-1.html

0
相关文章