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

本文介绍如何在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."
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值