日期:2014-05-16 浏览次数:20401 次
使用 JavaScript 实现表单的验证是一个很常见的问题,jQuery 有不少表单验证的插件,只需要经过简单的配置就能完成验证的功能。
因为是初学 JavaScript,所以先自己用 jQuery 写了一个表单验证的例子,然后讨论一下怎样将 jQuery 的表单验证用到 Backbone.js 构建的程序中,最后使用 Backbone.Model 的 validate() 方法来实现验证的过程。
表单只有四个 input,界面如图所示:
各字段的验证规则如下:
6.1.html 表单相关的 HTML 代码如下,因为想熟悉一下 jQuery 选择器的使用,所以 HTML 中没有使用任何的 id/class:
1 <form action="#" method="post"> 2 <p> 3 <label for="username">Username:</label> 4 <input type="text" name="username" /> 5 </p> 6 <p> 7 <label for="password">Password:</label> 8 <input type="text" name="password" /> 9 </p> 10 <p> 11 <label for="re-password">Re-password:</