通过$.fn 扩展jQuery方法
/**
* 校验文本是否为空
* tips:提示信息
* 使用方法:$("#id").validate("提示文本");
* @itmyhome
*/
$.fn.validate = function(tips){
if($(this).val() == "" || $.trim($(this).val()).length == 0){
alert(tips + "不能为空!");
throw SyntaxError(); //如果验证不通过,则不执行后面
}
}
使用
<form action="">
姓名: <input type="text" id="name" name="name" />
年龄:<input type="text" id="age" name="age" />
地址:<input type="text" id="address" name="address" />
<input type="button" value="提交" onclick="submit();" />
</form>
function submit(){
//调用validate()
$("#name").validate("姓名");
$("#age").validate("年龄");
$("#address").validate("地址");
}