input表单验证,正则表达式

表单验证

js


//判断输入的文本是否为中英文
function language(obj) {
    var text = $(obj).val();
    var reg = /^[\u4e00-\u9fa5a-zA-Z]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^\u4e00-\u9fa5a-zA-Z]/g;
        $(obj).after("<span class='tip_text'>请输入中文或英文</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);  //不匹配的输入内容回删
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的文本是否为中文
function languageChina(obj) {
    var text = $(obj).val();
    var reg = /^[\u4e00-\u9fa5]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^\u4e00-\u9fa5]/g;
        $(obj).after("<span class='tip_text'>请输入中文</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的文本是否为英文
function languageEnglish(obj) {
    var text = $(obj).val();
    var reg = /^[a-zA-Z]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^a-zA-Z]/g;
        $(obj).after("<span class='tip_text'>请输入英文</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的文本是否为数字
function languageNumber(obj) {
    var text = $(obj).val();
    var reg = /^[0-9]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^0-9]/g;
        $(obj).after("<span class='tip_text'>请输入数字</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的文本是否为数字或下划线
function languageNumberLine(obj) {
    var text = $(obj).val();
    var reg = /^[0-9_]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^0-9_]/g;
        $(obj).after("<span class='tip_text'>请输入数字或下划线</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的文本是否为英文或下划线
function languageEnglishLine(obj) {
    var text = $(obj).val();
    var reg = /^[a-zA-Z_]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^a-zA-Z_]/g;
        $(obj).after("<span class='tip_text'>请输入英文或下划线</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的文本是否为中文或下划线
function languageChinaLine(obj) {
    var text = $(obj).val();
    var reg = /^[\u4e00-\u9fa5_]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^\u4e00-\u9fa5_]/g;
        $(obj).after("<span class='tip_text'>请输入中文或下划线</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的文本是否为中英文或下划线
function languageLine(obj) {
    var text = $(obj).val();
    var reg = /^[\u4e00-\u9fa5_a-zA-Z]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^\u4e00-\u9fa5_a-zA-Z]/g;
        $(obj).after("<span class='tip_text'>请输入中文或英文、下划线</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的文本是否为英文或数字
function languageEnglishNum(obj) {
    var text = $(obj).val();
    var reg = /^[a-zA-Z0-9]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^a-zA-Z0-9]/g;
        $(obj).after("<span class='tip_text'>请输入英文或数字</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入的身份证格式
function languageCard(obj) {
    var text = $(obj).val();
    var reg = /(^[1-9]\d{5}(13|14|15|16|17|18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        $(obj).after("<span class='tip_text'>身份证输入的格式错误</span>");
        $(obj).val("");
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}
//判断输入邮箱格是否有中文
function languageEmail(obj) {
    var text = $(obj).val();
    var reg = /^[_a-zA-Z0-9.@]+$/;
    $(obj).nextAll("span.tip_text").remove();
    if(text == "") {
        $(obj).nextAll("span.tip_text").remove();
    }else if(!(reg.test(text))){
        var reg2 = /[^_a-zA-Z0-9.@]/g;
        $(obj).after("<span class='tip_text'>邮箱格不能为中文</span>");
        var text2 = text.replace(reg2,'');
        $(obj).val(text2);
    }else{
        $(obj).nextAll("span.tip_text").remove();
    }
}

html

<input type="text" value=""  onkeyup="language(this)" placeholder="请输入姓名">

版权声明:本文为love_yourself_ok原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。