javascript - これが true を返さない JavaScript コード

Question

これは私のJavaScriptコードです

  function validatenewcat(){
        var category = document.getElementById("cat").value;
        if(category==""){
            setTimeout(document.getElementById("validate").innerHTML="!PLz Enter The Category Name", 2000);
            return false;
        }
    else{
        var url="catnamecheck.do?id="+category;
         xmlhttp.open("post", url,true);
         xmlhttp.onreadystatechange=(function (callback){
             return function (){
          if(xmlhttp.readyState==4){      
                 if(xmlhttp.status==200){   
                    var temp = xmlhttp.responseText;
                    obj = JSON.parse(temp);
                  if(obj.catgoryname==category){
                      alert("inside flase");
                     var validate = document.getElementById("validate");
                     validate.innerHTML="!PLz Enter The Unique Category Name";
                         callback(false); 
                     }
                 if(obj.catgoryname!=category){
                    alert("inside true");
                         callback(true);
                     }
                  }
              }
           }
         })(myCallback);
         xmlhttp.send(null);
        }
    }

誰でも私を助けてくださいこの関数はここでtrueを返しません私はjavacodeから一意のカテゴリ名をチェックするためにajaxを使用していますこれは私のコールバック関数です

  function myCallback(returnedValue) {
        if (returnedValue) {
            alert("entered callback function");
            // true returned. Validation successful. Do whatever you want
            // here in this case.
        }
        else {
            // false returned. Validation failed. Handle the "false" scenario here
            alert("entered callback function");
        }
    }

これは私のjspコードです

<form name="frm" action="createnewcatgoryBean.jsp"  method="post" onsubmit="return validatenewcat()">
<table style="padding: 5px 0px 0px 8px;">
<tr>
<th colspan="2">
<div style="width: width:271px; color:red;" id="validate"></div>
</th>
</tr>
<tr>
<th>Category Name<span>:</span></th><td><input id="cat"  onblur="return validatenewcat()" type="text" name="category">
</td>
</tr>
<tr>
<th>Quotations form<span>:</span></th><td><input type="checkbox" name="quotations"></td>
</tr>
<tr>
<th>Agreement form<span>:</span></th><td><input type="checkbox" name="agreement"></td>
</tr>
<tr>
<th>Payment form<span>:</span></th><td><input type="checkbox" name="payment"></td>
</tr>
<tr>
<th>ETI<span>:</span></th><td><input type="checkbox" name="eti"></td>
</tr>
<tr>
<td colspan="2" style="float:right; padding-top:15px">
<input type="submit" value="Submit"  style="width: 60px;">
</td>
</tr>
</table>
</form>

誰でも成功または失敗フォームのコールバック関数を返す方法を教えてください。これは私の編集したコードです

---

これは私のJavaScriptコードです

function validatenewcat(){
        var category = document.getElementById("cat").value;
        if(category==""){
            setTimeout(document.getElementById("validate").innerHTML="!PLz Enter The Category Name", 2000);
            return false;
                 }
    else{
        var url="catnamecheck.do?id="+category;
         xmlhttp.open("post", url,true);
         xmlhttp.send(null);
         xmlhttp.onreadystatechange= function (){
          if(xmlhttp.readyState==4){      
                 if(xmlhttp.status==200){   
                    var temp = xmlhttp.responseText;
                    obj = JSON.parse(temp);
                   var unique = (obj.catgoryname != category);
                  if(unique ){
                      document.getElementById("newcatform").submit();
                             }
                  else{
                     var validate = document.getElementById("validate");
                     validate.innerHTML="!PLz Enter The Unique Category Name";
                       }
                  }
              }
           };
           return false;    
        }

これは私のjspコードです

<form id="newcatform" name="frm" action="createnewcatgoryBean.jsp"  method="post">
<table style="padding: 5px 0px 0px 8px;">
<tr>
<th colspan="2">
<div style="width: width:271px; color:red;" id="validate"></div>
</th>
</tr>
<tr>
<th>Category Name<span>:</span></th><td><input id="cat"  onblur="return validatenewcat()" type="text" name="category">
</td>
</tr>
<tr>
<th>Quotations form<span>:</span></th><td><input type="checkbox" name="quotations"></td>
</tr>
<tr>
<th>Agreement form<span>:</span></th><td><input type="checkbox" name="agreement"></td>
</tr>
<tr>
<th>Payment form<span>:</span></th><td><input type="checkbox" name="payment"></td>
</tr>
<tr>
<th>ETI<span>:</span></th><td><input type="checkbox" name="eti"></td>
</tr>
<tr>
<td colspan="2" style="float:right; padding-top:15px">
<input type="button" value="Submit" onclick="validatenewcat()"  style="width: 60px;">
</td>
</tr>
</table>
</form>
</div>

        }