$("value") 为空 -> jQuery答案

【问题标题】：$("value") is null -> jQuery$("value") 为空 -> jQuery
【发布时间】：2011-05-06 02:15:04
【问题描述】：

我正在尝试使用 jquery form validator 实现客户端验证，但我已按照指南进行操作，并在谷歌搜索我的问题的答案时注意到可能与 prototype.js 发生冲突我已将 var JQuery = jQuery.noConflict(); 行添加到我的jquery-1.5.1.min.js 文件的底部。

萤火虫还在说$("#contact") is null $("#contact").validationEngine();

我将所需的 javascript 和 jQuery 代码加载到我的主页 template.php file 女巫然后调用 view 称为联系人。

联系页面查看：

 <section id="content" class="contact-us">
        <h1>Contact</h1>

<div id ="formLayout" class="contactForm">

<section id = "validation"></section>

<form action=contact" method="post" accept-charset="utf-8" id="contact" name="contact">

<fieldset>

<label><label for="name">Name:</label><span class="small">Required Field - Text</span></label>

<input type="text" name="name" value="" id="name" class="validate[required[custom[onlyLetterSp]]]"  />

<div id="error"></div>

<label><label for="email">Email:</label><span class="small">Required Field - yourname@example.com</span></label>

<input type="text" name="email" value="" id="email" class="validate[required[custom[onlyLetterSp]]]"  />

<div id="error"></div>

<label><label for="phone">Phone:</label><span class="small">Required Field - 021214589</span></label>

<input type="text" name="phone" value="" id="phone" class="validate[required[custom[onlyLetterSp]]]"  />

<div id="error"></div>

<label><label for="message">Message:</label><span class="small">Required Field - Text</span></label>

<textarea name="message" cols="90" rows="12" id="message" class="validate[required[custom[onlyLetterSp]]]" >

</textarea><div id="error"></div>

<input type="submit" name="submit" value="Submit"  />

</fieldset>

</form>

</div>  

    </section>
</div>
    <div class="clear"></div>

    <footer>&copy; Housemovers LTD 2011</footer>

    </div> <!-- Wrapper Close -->
<script type="text/javascript" src="http://jesse.mckenzie.natcoll.net.nz/_Assignments/Industry/includes/js/jquery-1.5.1.min.js"></script>
<script src="/includes/js/lightbox/prototype.js" type="text/javascript"></script> 
<script src="/includes/js/lightbox/scriptaculous.js?load=effects,builder" type="text/javascript"></script> 
<script src="/includes/js/lightbox/lightbox.js" type="text/javascript"></script>
<script src="includes/js/jquery.validationEngine-en.js"type="text/javascript"></script> 
<script src="/includes/js/jquery.validationEngine.js"type="text/javascript"></script> 

<script type="text/javascript"> 
     JQuery(document).ready(function(){
      $("#contact").validationEngine();
       });
    </script>

</body>

【问题讨论】：

标签： javascript jquery validation jquery-validate

【解决方案1】：

改成

jQuery("#contact")

.noConflict() 删除了与 jQuery 的 $ 绑定

【讨论】：

【解决方案2】：

如果你有...

var JQuery = jQuery.noConflict();

...然后...

$("#contact") 为空 $("#contact").validationEngine();

...永远都是这样，因为$ 不再指向 jQuery。试试jQuery 或JQuery 那里。

后一种方法之所以有效，是因为您将 jQuery 的新标识符分配给了JQuery。我个人不会打扰这样做，因为jQuery 是一致的，而您的不同案例版本可能只会导致混淆。

【讨论】：