匹配特定值时刷新文本框

时间:2012-02-18 05:25:59

标签: javascript jquery html jsp

我在index.jsp中有一个文本框,在写完一些东西之后我用jquery调用了一个jsp。但我的要求是,如果一个特定的值将在服务器端匹配,那么我该如何自动刷新该文本框?这意味着假设我输入 apple 然后通过onkeyup事件我将名称(apple)发送到check.jsp并且在此jsp页面中,我将 apple 保留在字符串中。所以现在index.jsp中会出现一个警告, apple 已经存在并且同时显示该文本框将自动刷新。我该怎么做?我是这个领域的初学者。

的index.jsp

<script type="text/javascript">
  $(document).ready(function() {
    $("#textbox").keyup(function () {
        $.getJSON('check.jsp', {
            textboxname: this.value
        });
    });
  }); 
</script>

体内

<input type="text" id="textbox" name="textboxname"/>

check.jsp

String textboxname=request.getParameter("textboxname");

1 个答案:

答案 0 :(得分:1)

on keyup将值发送给服务器,如果匹配返回true或false,则在成功处理程序中检查返回的内容是否为真正刷新而不执行某些操作

$("#textbox").keyup(function () {
        $.getJSON('check.jsp', {
            textboxname: this.value
        },function(data){
          if(data.isTrue){
              alert("the value already exists");
              $("#textbox").val(''); //clear the text box                                  
         }
          else
              //do something                 
         });
    });
}); 
服务器上的

不是确切的servlet代码,但你会明白这个想法

JSONObject match = new JSONObject();

 //if value matches 
     match.put("isTrue","true");
 else
    match.put("isTrue","false");
response.setContentType("application/json");
response.getWriter().write(match.toString());true