基于prototype.js验证框架做表单校验 - II 自定义校验规则

于 2008-10-22 16:22:12 发布 · 125 阅读

文章标签：

#框架 #prototype #Mobile #JavaScript #脚本 #ViewUI

本文介绍如何在HTML表单中添加自定义手机号验证规则，并通过JavaScript实现12位数字的校验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

假设你已经阅读了系列文章I. 那么在html代码的Form中增加一个新的Field，特别注意input的class没有使用内置的校验规则名，而是其他自定义的名字(mobile)

 
<tr>
   <td class = "label">Cell Phone</td>
   <td><input type="text" name="cellphone" id="cellphone" class="mobile"></td>
</tr>

JavaScript脚本更新为:

<script>
  Validation.add('mobile', 'The cell phone must be 12 digital number.', function(value, element) {
    if(value.length == 12)
      return true;
    else
      return false;
    });
    var valid = new Validation('test', {immediate : true});
</script>

Validation.add()方法指定class名字为mobile的标签将被施加校验规则:
"The cell phone must be 12 digital number."