如何在razor页面中添加自定义窗体客户端验证并删除Chrome内置验证

@model YourModel

<form id="myForm" method="post" novalidate>
    <div>
        @Html.LabelFor(m => m.Name)
        @Html.TextBoxFor(m => m.Name, new { data_val_required = "Name is required." })
        @Html.ValidationMessageFor(m => m.Name)
    </div>
    
    <div>
        @Html.LabelFor(m => m.Email)
        @Html.TextBoxFor(m => m.Email, new { data_val_required = "Email is required.", data_val_email = "Invalid email format." })
        @Html.ValidationMessageFor(m => m.Email)
    </div>
    
    <div>
        @Html.LabelFor(m => m.Password)
        @Html.PasswordFor(m => m.Password, new { data_val_required = "Password is required." })
        @Html.ValidationMessageFor(m => m.Password)
    </div>
    
    <button type="submit">Submit</button>
</form>

@section Scripts {
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
    
    <script>
        $(document).ready(function() {
            // 添加自定义验证规则
            $.validator.addMethod("customRule", function(value, element) {
                // 自定义验证规则的实现
                return value.length >= 6; // 示例：密码长度必须大于等于6
            }, "Invalid value.");
            
            // 应用自定义验证规则
            $("#myForm").validate({
                rules: {
                    Name: {
                        required: true
                    },
                    Email: {
                        required: true,
                        email: true
                    },
                    Password: {
                        required: true,
                        customRule: true
                    }
                },
                messages: {
                    Name: {
                        required: "Name is required."
                    },
                    Email: {
                        required: "Email is required.",
                        email: "Invalid email format."
                    },
                    Password: {
                        required: "Password is required."
                    }
                }
            });
        });
    </script>
}