使用jquery表单验证程序进行表单验证

jQueryFormValidator插件无法验证..我使用的是jQuery1.9.0（该插件使用该版本进行测试）

html:

联系人姓名*

联系电子邮件地址*

联系电话

这里是我放在head标记中的javascript（当然还有脚本src to plugin和jquery）：

javascript:

   <script>
    $.validator.setDefaults({
              submitHandler: function() { alert("submitted!"); }
            });
            $().ready(function() {
                $("#Form").validate({
                    rules: {
                        name: "required",
                        email: "required"
                    },
                    messages: {
                        name: "Please enter your name",
                        email: "Please enter your email";
                    }
            }); 
    </script>

$.validator.setDefaults({
submitHandler:function（）{alert（“submitted！”）；}
});
$（）.ready（函数（））{
$（“#表格”）。验证({
规则：{
名称：“必需”，
电子邮件：“必需”
},
信息：{
姓名：“请输入您的姓名”，
电子邮件：“请输入您的电子邮件”；
}
}); 

怎么了？

试试这个：

rules: {
    name: { required: true },
    email: { required: true }
},

更改为：

$()

到

您还需要更改

规则

：

rules: {
    name: { required: true },
    email: { required: true }
}

您还需要将所有代码包装到DOM ready中。最终代码应如下所示：

$(document).ready(function() {
    $.validator.setDefaults({
        submitHandler: function() { alert("submitted!"); }
    });

    $("#Form").validate({
        rules: {
             name: { required: true },
             email: { required: true }
        },
        messages: {
             name: "Please enter your name",
             email: "Please enter your email";
        }

});

---

您是否正确导入jQuery库和验证插件？确保我下载了插件并将所有插件文件放入服务器文件夹中…jQuery正确导入导致我的幻灯片效果良好…我尝试了，但在这种情况下也不起作用…我还尝试在表单关闭标记后将脚本放入正文部分：（仅警告：“event.returnValue已弃用。请改用标准event.preventDefault（）”（在jquery 1.9.0.js第3307行中）等待一个错误：Uncaught SyntaxError:Unexpected token；…我试图修复我用这种方式解决的问题..我进入插件官方页面，进入演示部分，复制并粘贴演示表单的脚本，并为我的表单进行修改…现在它可以工作了…出现语法错误：）

rules: {
    name: { required: true },
    email: { required: true }
}

$(document).ready(function() {
    $.validator.setDefaults({
        submitHandler: function() { alert("submitted!"); }
    });

    $("#Form").validate({
        rules: {
             name: { required: true },
             email: { required: true }
        },
        messages: {
             name: "Please enter your name",
             email: "Please enter your email";
        }

});