表单验证javascript在Joomla文章中不起作用
表单验证javascript在Joomla文章中不起作用
提问于 2013-02-08 05:42:04
我制作了一个自定义表单(你可以在这里查看：http://tylypahka.tk/pisteet/pisteet.php)，它使用了基于javascript的表单验证。我尝试将以下代码嵌入到一个带有Flexi内容插件的Joomla模块中，该插件允许在模块中自定义代码。
因此，如果我将模块放在适当的位置(您可以在这里测试它：http://tylypahka.tk/index.php/uutiset/78-pysyvae/75-tupapisteet)，它就可以完美地工作。但是，如果我尝试将完全相同的模块放到一篇文章中，由于某些原因，验证javascript不起作用。我尝试过通过各种不同的插件来嵌入这个模块，但是它们似乎都不能让javascript正常工作。我在模块中有以下代码：
<link rel="stylesheet" type="text/css" href="http://tylypahka.tk/pisteet/pisteet.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://tylypahka.tk/pisteet/jquery.validate.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#pisteet").validate({
rules: {
pisteet: {
required: true,
maxlength: 3
}
}
});
});
</script>
<div id="tupapisteet">
<div id="stylized" class="myform">
<h1>Tupapisteet</h1>
<p>Lisää tai vähennä tupapisteitä tuvilta, hyvän syyn kera</p>
<form method="post" action="#" id="pisteet">
<label for="nimi" class="label">Oma nimi<span class="small">Kirjoita oma nimimerkkisi</span></label>
<input type="text" name="nimi" id="nimi" class="required">
<br><br><br>
<label for="tupa" class="label">Tupa<span class="small">Valitse tupa</span></label>
<select name="tupa">
<option type="text" name="Rohkelikko" id="Rohkelikko" value="Rohkelikko">Rohkelikko</option>
<option type="text" name="Luihuinen" id="Luihuinen" value="Luihuinen">Luihuinen</option>
<option type="text" name="Korpinkynsi" id="Korpinkynsi" value="Korpinkynsi">Korpinkynsi</option>
<option type="text" name="Puuskupuh" id="Puuskupuh" value="Puuskupuh">Puuskupuh</option>
</select>
<br><br><br>
<label for="pisteet" class="label">Pisteet<span class="small">Jos haluat vähentää pisteitä, laita eteen -</span></label>
<input type="text" name="pisteet" id="pisteet" class="required number" maxlength="10">
<br><br><br><br>
<label for="syy" class="label">Syy<span class="small">Kirjoita tähän hyvät perustelut</span></label>
<textarea type="text" name="syy" id="syy" class="required"></textarea>
<br><br><br>
<button type="submit" name="submit" value="submit">Oikeus tapahtukoon!</button>
</form>
</div>有没有人知道问题出在哪里？如有任何建议或帮助，我们将不胜感激！
回答 2
Stack Overflow用户
发布于 2013-02-08 06:33:51
你的网站上运行着3个版本的jQuery，所以我有一种强烈的感觉，那可能是因为jQuery冲突。
我不确定您要将代码添加到何处，但请尝试使用我们用来检测jQuery是否已被加载的代码。如果不是，则将其导入。
<?php
if(!JFactory::getApplication()->get('jquery')){
JFactory::getApplication()->set('jquery',true);
$document = JFactory::getDocument();
$document->addScript(JURI::root() . "components/your_component/jquery.js");
}
?>希望这能有所帮助。
Stack Overflow用户
发布于 2013-02-08 21:56:19
我认为由于与mootools库的冲突，你的代码不是使用jQuery.noConflict()的working.Try。
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#pisteet").validate({
rules: {
pisteet: {
required: true,
maxlength: 3
}
}
});
});希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14761531
复制相关文章
相似问题
腾讯云开发者
