jquery 表单控件

$(document).ready(function() {
    $("#myForm").validate({
        rules: {
            username: {
                required: true,
                minlength: 5
            },
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            username: {
                required: "请输入用户名",
                minlength: "用户名至少需要5个字符"
            },
            email: {
                required: "请输入邮箱",
                email: "请输入有效的邮箱地址"
            }
        }
    });
});

$(document).ready(function() {
    $("#myForm").submit(function(event) {
        event.preventDefault(); // 阻止默认提交行为
        $.ajax({
            url: "submit.php",
            type: "POST",
            data: $(this).serialize(),
            success: function(response) {
                alert("提交成功");
            },
            error: function() {
                alert("提交失败");
            }
        });
    });
});

$(document).ready(function() {
    $("#addButton").click(function() {
        var newInput = $("<input type='text' name='newInput' required>");
        $("#myForm").append(newInput);
        newInputrules("required"); // 重新绑定验证规则
    });
});