jQuery验证文本框内容不为空详解编程语言

通过$.fn 扩展jQuery方法

/** 
 * 校验文本是否为空 
 * tips：提示信息 
 * 使用方法：$("#id").validate("提示文本"); 
 * @blog.ytso.com 
 */ 
$.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("地址"); 
}

作者：blog.ytso.com