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
})
});