使用angular js（使用范围）和HTML验证电话号码和电子邮件id字段？（应显示错误消息）

我需要HTML和JS代码的电话号码和电子邮件ID验证 电话号码应为10位数字 这是必填字段 应显示这些错误消息

HTML

---

尝试使用angularjs模式回答，如ng模式或类似的模式，您将更快地获得积分，onblur或。。。与jQuery相关。我需要AngualRJ而不是JqueryYou可以删除您的问题，但我指的是在没有获得导航点的情况下对问题进行浏览

<input type="text" id="txt_email" runat-"server" clientidmode="static" onblur="return emailvalidate(this.id)"/>

<input type="text" id="txt_mobile" runat-"server" clientidmode="static" onblur="return mobilevalidate(this.id)"/>

function emailvalidate(tboxid) {
    var userinput = $("#" + tboxid).val();
    if (userinput != "") {
        var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
        if (filter.test(userinput)) {
            return true;
        }
        else {
            $("#" + tboxid).attr("data-original-title", "'" + userinput + "' Invalid E-mail Address! Please re-enter.");
            $("#" + tboxid).val('');
            $("#" + tboxid).focus()
            return false;
        }
    }
}

function mobilevalidate(tboxid) {
    var userinput = $("#" + tboxid).val();
    if (userinput != "") {
        var filter = /^\d{10}$/;
        if (filter.test(userinput)) {
            return true;
        }
        else {
            $("#" + tboxid).attr('data-original-title', 'Please Enter Valid Mobile Number');
            $("#" + tboxid).val('');
            $("#" + tboxid).focus();
            return false;
        }
    }
}