jquery:如果输入字段长度大于0?

时间:2015-03-12 12:27:16

标签: jquery html input

如果输入长度大于0,我使用以下jquery来改变边框的颜色。

由于某种原因,如果我把它放在我的表单所在的index.php页面上,脚本就可以工作。

的index.php:

<?php include 'jquery.php'; ?>

<form>
<input type="text" id="promo" />
</form>

脚本:

<script>
$("#promo").keypress(function() {
    if($(this).val().length > 0) {
    $("#promo").css("border", "1px solid #666666");
    }
});
</script>   

但是,如果我尝试将jquery放在我的jquery.php文件中,它不起作用?有人可以告诉我这里我出错了吗?

谢谢,

1 个答案:

答案 0 :(得分:2)

最有可能出现以下两个原因之一(或两者兼而有之):

  1. 您在呈现DOM元素之前包含jquery.php
  2. 加载jQuery之前,您要包含jquery.php
  3. 我的建议是您将include 'jquery.php'放在表单下,并可能将其包装在:

    $(document).ready(function() {
      $("#promo").onkeypress....
    });
    

    只是为了确保jQuery已准备好,并且该元素已准备好与之交互。

    同时确保你确实&#34;确实&#34;加载jQuery。

    <script type="text/javascript" src="jQuery.js"></script>
    

    或外部

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>