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

假设你已经阅读了系列文章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."




你可能感兴趣的:(JavaScript,框架,脚本,prototype,mobile)