JavaScript/Ajax : 숨겨진 필드 채우기

Question

안녕하세요, 프로그래머는 과거에 나에게 매우 도움이되었으므로 여기서 다시 질문 할 것이라고 생각했습니다. 아마 간단한 수정 일 수도 있지만 JavaScript와 Ajax를 처음 사용합니다.

내가 작업 한 것은 텍스트 필드가 포커스를 잃었을 때 "LOCATION NOT FOUND"가 표시되지 않으면 responseText에 "AOCAX"가 기록된다는 것입니다. 이 responseText가있는 경우 양식 제출을 방해하는 것입니다. 숨겨진 필드의 값이 LOCATION NOT FOUND 인 경우 양식 제출을 방지하는 방법을 알고 있으므로 JavaScript를 사용하여 숨겨진 필드를 responseText로 채우는 것이 가장 쉬운 해결책 일 수 있다고 생각했습니다. 그게 효과가 있는지, 어떻게하는지에 대해서는 확실치 않습니다.

여기 내 현재 JS :

<script type="text/javascript"> 
    <!-- 
    function newXMLHttpRequest() 
    { 
    var xmlreq = false; 
    if (window.XMLHttpRequest) 
    { 
    xmlreq = new XMLHttpRequest(); 
    } 
    else if (window.ActiveXObject) 
    { 
    try 
    { 
    xmlreq = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    catch (e2) 
    { 
    alert("Error: Unable to create an XMLHttpRequest."); 
    } 
    } 
    return xmlreq; 
    } 
    function getLocation(locationrouting) 
    { 
    var getLocation= newXMLHttpRequest(); // sending request 
    getLocation.open("GET", "/PP?PAGE=GETLOCATIONNAME&ROUTINGNUM=" + locationrouting, false); 
    getLocation.send(null); // getting location 

    var dv = document.getElementById("location_div"); 

    if (getlocation.responseText === 'LOCATION NOT FOUND') 
    { 
     dv.style.color = "red"; 
    } 
     else 
    { 
     dv.style.color = "black"; 
    } 
    dv.innerHTML = getLocation.responseText; 
    } 
    //--> 
</script> 

여기 형태의 해당 부분 : 사전에

<form name="locationform" id="locationform" action="/PP?PAGE=POSTADDLOCATION" method="post"> 
     <tr> 
     <td class="ajax_msg"> 
      <div id="location_div">/div>  
     </td> 
     </tr> 
     <tr> 
    <td> 
     <div class="column1" id="locationrouting_div"> 
      <p class="label_top"> 
*Routing Number</p> 
     <p class="field_top"> 
        <input type="text" id="locationrouting" name="locationrouting" size="28" maxlength="9" onblur="getLocation(this.value);" /></p> 

    ... 

감사합니다!

Answer 1

위치를 찾을 수없는 경우 양식을 제출하지 않으려면 가장 쉬운 방법은 제출하기 전에 서버에 쿼리하는 것입니다. 이것은 부작용을 통해 이전에 발생했거나 발생하지 않았던 쿼리의 상태를 확인하는 것보다 구현 및 사용하기가 훨씬 쉽습니다. : D

Answer 2

옵션으로 javacript 변수 var isSubmitAllowed = true;을 만들 수 있습니다. 위치를 찾을 수 없을 때이 변수를 false로 설정하고 양식 전송을 방지하려면이 변수를 선택하십시오. 같은

뭔가 :

<script type="text/javascript"> 
    <!-- 
    var isSubmitAllowed = true; 

    function newXMLHttpRequest() 
    { 
    var xmlreq = false; 
    if (window.XMLHttpRequest) 
    { 
    xmlreq = new XMLHttpRequest(); 
    } 
    else if (window.ActiveXObject) 
    { 
    try 
    { 
    xmlreq = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    catch (e2) 
    { 
    alert("Error: Unable to create an XMLHttpRequest."); 
    } 
    } 
    return xmlreq; 
    } 
    function getLocation(locationrouting) 
    { 
    var getLocation= newXMLHttpRequest(); // sending request 
    getLocation.open("GET", "/PP?PAGE=GETLOCATIONNAME&ROUTINGNUM=" + locationrouting, false); 
    getLocation.send(null); // getting location 

    var dv = document.getElementById("location_div"); 

    if (getlocation.responseText === 'LOCATION NOT FOUND') 
    { 
     dv.style.color = "red"; 
     isSubmitAllowed = false; 
    } 
     else 
    { 
     dv.style.color = "black"; 
     isSubmitAllowed = true; 
    } 
    dv.innerHTML = getLocation.responseText; 
    } 
    //--> 
</script> 

그런 다음 Form 태그에 당신이 onSubmit 이벤트 처리기를 추가 할 수 있습니다 isSubmitAllowed 값을 반환합니다 :

<form name="locationform" id="locationform" action="/PP?PAGE=POSTADDLOCATION" method="post" onSubmit="return isSubmitAllowed">