js简单校验form表单

Posted Amaris_Lin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js简单校验form表单相关的知识,希望对你有一定的参考价值。

/**
 * 数据简单校验
 */
function checkData (formId) {
    var check = true;
    var emailReg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //验证邮箱
    var phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/;
    $("#"+formId+" input[type!=‘radio‘]").each(function () {
        if($(this).val() == "" || $(this).val() == null || $(this).val() == undefined) {
            layer.tips(‘不能为空‘, ‘#‘+$(this).attr("id"), {
                tips : [ 2, ‘#ffcc00‘ ],
                time:1000
            });
            check = false;
            return false;
        }else if($(this).attr("name") == "email") {
            if(!emailReg.test($(this).val())) {
                layer.tips(‘邮箱格式不正确‘, ‘#‘+$(this).attr("id"), {
                    tips : [ 2, ‘#ffcc00‘ ],
                    time:1000
                });
                check = false;
                return false;
            }
        }else if($(this).attr("name") == "phone") {
            if(!phoneReg.test($(this).val())) {
                layer.tips(‘手机格式不正确‘, ‘#‘+$(this).attr("id"), {
                    tips : [ 2, ‘#ffcc00‘ ],
                    time:1000
                });
                check = false;
                return false;
            }
        }
    })
        return check;
}

 

以上是关于js简单校验form表单的主要内容,如果未能解决你的问题,请参考以下文章

jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).

js校验表单后提交表单的三种方法总结(转)

React-Antd4的Form表单校验

js校验表单后提交表单的三种方法总结

el-form 表单校验 异步问题 解决

easyUi隐藏域有个form表单 在关闭隐藏域出现校验提示