之前我写了一篇关于用jQuery+PHP实现实时编辑表格字段内容文章，通过实例一步步讲解了实现过程，但是还有一个问题，就是如何验证重新编辑的字段内容的有效性，如邮箱地址是否符合规范等。本文将对此问题做出解答。

//验证E-mail 
$.editable.addInputType("email", { 
    element : function(settings, original) { 
        var input = $("<input class="input" />"); 
        $(this).append(input); 
        return(input); 
    }, 
    submit: function (settings, original) { 
        var value = $("input").val(); 
        if(value==""){ 
            $(this).append("<br/>不能为空！").css("color","red"); 
            return false; 
        } 
        var preg = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/; 
        if (!preg.test(value)) { 
            $(this).append("<br/>请输入正确的email地址！").css("color","red"); 
            return false; 
        } 
    } 
});

我们先指定需要验证的元素element为一个输入框input，然后在输入完内容提交时的submit里进行验证，先验证不能为空，然后对输入的email进行正则比对，如果输入的格式不符合邮箱的格式则输出错误提示信息。

调用验证的方法只需指定类型：type为email即可，如:

$(".edit_email").editable("save.php", {  
    type : "email", 
});

这样就完成了对email的验证。同理，对手机号码的验证采用同样的代码格式：

//验证手机号码 
$.editable.addInputType("mobile", { 
    element : function(settings, original) { 
        var input = $("<input class="input" />"); 
        $(this).append(input); 
        return(input); 
    }, 
    submit: function (settings, original) { 
        var value = $("input").val(); 
        if(value==""){ 
            $(this).append("<br/>不能为空！").css("color","red"); 
            return false; 
        } 
        var preg = /^(((13[0-9]{1})|(15[0-9]{1}))+d{8})$/; 
        if (!preg.test(value)) { 
            $(this).append("<br/>请输入正确的手机号码！").css("color","red"); 
            return false; 
        } 
    } 
});