Really-Easy-Field-Validation基于Prototype的校验框架

[url]http://tetlaw.id.au/view/javascript/really-easy-field-validation[/url]

Really-Easy-Field-Validation基于Prototype框架开发，简单，易用。

一些小技巧：

假设有表单如下：

<form>
<div class="phone-check">
	<label for="phone-number">To check your phone number : <label> 
	<input id="phone-number" type="text" name="phone-number" value="" maxlength="14"/>
	<button id="phone-number-check" type="button" ><span><span>Check Phone Number</span></span></button>
</div>
</form>

1.如果点击按钮时只想校验某个Field(phone-number)，通过规则是不为空或者数字，不满足条件时进行定制的处理，使用动态的Validation.get('rule-name').test()方法

<script type="text/javascript">
//<![CDATA[
Event.observe("stock-check", "click", function(){  
  var $phoneNumber = $("phone-number");
  if(!Validation.get('required-entry').test($phoneNumber.value)) {
    // 你的处理代码
    return;
  }
  if(!Validation.get('validate-digits').test($phoneNumber.value)) {
    // 你的处理代码
    return;
  } 
  // 正确处理
}); 
//]]>
</script>

2.如果点击按钮时只想校验某个Field(phone-number)，通过规则是不为空或者数字,不满足条件时进行按照validation.js默认处理方式输出错误信息，使用静态的Validation.test()方法

<script type="text/javascript">
//<![CDATA[
Event.observe("stock-check", "click", function(){  
  var $phoneNumber = $("phone-number");
  if(!Validation.test('required-entry', $phoneNumber, true)) {
    return;
  } 
  if(!Validation.test('validate-digits', $phoneNumber, true)) {
    return;
  } 
  // location.href="http://www.iteye.com";
  alert("TODO: check availability url");
  }); 
//]]>
</script>