jQuery验证插件和WordPress footer.php文件

时间:2011-09-08 12:52:36

标签: jquery forms wordpress validation

希望有人可以为我阐明这一点...

我在footer.php文件中使用两个表单制作WP主题。这些需要使用AJAX验证,我正在使用this plugin

在构建HTML模板时,表单工作正常,会检查它们,然后在向用户发送的电子邮件中触发结果。然而,主题不是形成主题,表单只在主页上工作,没有其他页面。我不明白为什么! jS位于header.php文件中,而footer.php文件中的表单 - 所以基本上相同的代码在每个页面上运行。我还运行一些其他基本的jQuery脚本,一个谷歌地图和一个coinlider插件。我已经把jS的所有其他部分用来尝试找到问题,到目前为止还没有任何工作。我正在使用1.6.1。

这是表单的jQuery;

$('#commentForm').validate();
$('#commentFormTwo').validate();

这是其中一种形式(另一种形式只有不同的ID);

         <form class="cmxform" id="commentForm" method="post" action="">

    <label for="cname" class="label">Name</label>
    <input id="cname" name="fs_name" class="required text" minlength="2" /><div class="clear"></div>

    <label for="cemail" class="label">Email</label>
    <input id="cemail" name="fs_email" class="required email text" /><div class="clear"></div>

    <label for="cphone" class="label">Phone</label>
    <input id="cphone" name="fs_phone" class="required text" minlength="6" /><div class="clear"></div>

    <label for="ccomment" class="label">Enquiry</label>
    <textarea id="ccomment" name="fs_comment" class="required text"></textarea><div class="clear"></div>

    <input type="hidden" value="sent" name="footer_sales" />
    <input class="submit" type="submit" value="Submit"/>

    </form>

希望这足以让您了解这个想法。

有人可以提供建议吗?我的头疼:\

谢谢,Dan。

编辑:这是主页:http://tinyurl.com/3lepjqv - 如果您查看关于我们页面,您将看到验证无效。请忽略任何杂乱的编码,这远非完整!

1 个答案:

答案 0 :(得分:0)

很难说在WP渲染HTML后没有看到WP的所有代码输出,但这将是我的起点,看看在你遇到问题的页面上输出了什么JS,看看是否有任何冲突特别是页面。

在预感中我会认为您遇到问题的页面上的某些内容与对validate()函数的调用相冲突。

编辑:好的我再看一下,看起来除了root / property /文件夹之外,你的JS文件的链接被打破了。 这可能是由于你如何链接到'js / jquery.validate.js',因为这将是一个相对的URL。

如果将js文件更改为绝对路径,则应对其进行排序。

希望它有所帮助,

道格