记录一个from表单jquery验证

$(document).ready(function() {
    $('#myForm').on('submit', function(event) {
        var isValid = true;
        var errorMessage = "";

        // 邮箱验证
        var email = $('#email').val();
        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
        if (!emailPattern.test(email)) {
            errorMessage += "please enter a valid email address.\n";
            isValid = false;
        }

        // 电话验证
        var phone = $('#mobile').val();
        var phonePattern = /^[+\d\s]{5,16}$/; // 允许 + 号和空格,长度为5到15位
        if (!phonePattern.test(phone)) {
            errorMessage += "Please enter a valid phone number.\n";
            isValid = false;
        }

        // 如果验证失败,弹出错误信息并阻止表单提交
        if (!isValid) {
            alert(errorMessage);
            event.preventDefault();
        }
    });
});

这里写的是允许国外的+号和空格填写电话号码,如果是国内,可以改为

var phonePattern = /^[0-9]{10,11}$/; // 假设电话号码是10到11位数字

发表回复