Javascript jQuery表单未验证

Javascript jQuery表单未验证,javascript,jquery,html,jquery-validate,Javascript,Jquery,Html,Jquery Validate,我正在写一个需要验证的基本表单。我无法确定我遗漏了什么导致验证被忽略 我已经匹配了标签,但是表单底部的结束标签看起来不正确 任何帮助都会很好 代码: 几件事: 表单的结束标记应该是,而不是 从表单标记中删除“novalidate”属性,使其看起来像这样-- 1) 从表单标签中删除novalidate=“novalidate”。这并没有破坏任何东西,但它是多余的,因为验证插件会动态添加此属性 2) 您的操作属性为空,因此当表单提交时,它将不会出现在任何地方。也许你已经知道了 3) 两个按钮的H

我正在写一个需要验证的基本表单。我无法确定我遗漏了什么导致验证被忽略

我已经匹配了标签,但是表单底部的结束标签看起来不正确

任何帮助都会很好

代码:

几件事:

  • 表单的结束标记应该是
    ,而不是

  • 从表单标记中删除“novalidate”属性,使其看起来像这样--

    
    
  • 1) 从
    表单
    标签中删除
    novalidate=“novalidate”
    。这并没有破坏任何东西,但它是多余的,因为验证插件会动态添加此属性

    2) 您的
    操作
    属性为空,因此当表单提交时,它将不会出现在任何地方。也许你已经知道了

    3) 两个按钮的HTML标记已损坏

    <input type="submit" name="submit" id="submit" value="Submit" onclick="" style=margin-right: 30px />
    
    除了给寻求指导的人带来更多的混乱之外,它没有任何用处。 它来自一个流行的,但解释不好的,与许多地方有联系。在我看来,如果你想冒充jQuery/JavaScript专家,至少要使用JavaScript中更常见的代码格式样式,而不是PHP(Allman)中使用的样式。无论您选择什么样的代码格式,至少要始终保持一致

    与任何其他jQuery插件一样,只需将
    .validate()
    方法包装在DOM就绪事件处理程序中,就足以正确初始化该插件

    $(document).ready(function() {
    
        $("#form2").validate({
            // any rules, options and callbacks
        })
    
    });
    
    我不确定这些问题中哪一个(如果有的话)打破了你的形式,但它在其他方面证明了这一点


    演示:

    不是源代码,而是您尝试匹配标记,对吗?@denoir-我不确定我是否了解您的意思。表单id=“form2”结束标记应该是
    而不是
    ,您还缺少底部的一堆
    标记。但是大多数浏览器在看到
    @Barmar时会自动填充这些内容-我修复了并添加了多个标记,但仍然无法验证?感谢您的全面响应。让我解释一下,我决不是一个努力的人,你在下面引用的代码就在那里,因为我尝试了很多方法让验证工作没有成功,阅读了他的教程,尝试了他的代码却没有成功。出于某种原因,当我在chrome或safari中预览时,我仍然看不到验证,但我确实在您提供的链接中看到了验证。它来自Sam Deering的一个流行但解释不好的在线演示/教程,该演示/教程链接到/来自许多地方。在我看来,如果你想冒充jQuery/JavaScript专家,@KevinSchultz,我对“jQuery专家”的评论是针对教程作者的,而不是你。我添加了一些验证单选按钮的代码,以便选择1作为有效表单。我显然做得不对,你能看一下吗@凯文舒尔茨,你为什么认为这不对?解释一下你的意思,因为
    单选按钮正在正常验证中。我还注释了一些散乱的括号:出于某种原因,在Dreamweaver中,当我取出那个括号时,它给了我一个错误,这就是为什么我把它留在里面的原因。至于验证,我可能在您查看它之前做了一个更改,允许它工作,但是“请输入您的性别”消息出现在收音机和标签之间?
    
    <input type="submit" name="submit" id="submit" value="Submit" onclick="" style=margin-right: 30px />
    
    (function($,W,D)
    {
        var JQUERY4U = {};
    
        JQUERY4U.UTIL =
        {
            form2validation: function()
            {
                $("#form2").validate({ .... });
            }
        }
    
        $(D).ready(function($) {
            JQUERY4U.UTIL.form2Validation();
        });
    
    })(jQuery, window, document);
    
    $(document).ready(function() {
    
        $("#form2").validate({
            // any rules, options and callbacks
        })
    
    });