2013-04-12 3 views
0

내가 여기에서하려고하는 것은 필드에 아무 것도 입력하지 않으면 경고가 표시되고 필드 중 하나라도 입력되면 양식이 제출됩니다. 자바 스크립트를 사용하고 있습니다. 여기에 양식을 제출하는 것은 내jsp 폼이 제출되지 않음

<form method="POST" name="report" id="reportbean"> 

     <div id="maindiv"> 
      <div align="center"> 
       <p>&nbsp;</p> 
       <p id="Title">CHANDNA COLD STORAGE 
       </p> 
      </div> 
      <p>&nbsp;</p> 
      <p>&nbsp; </p> 
      <p align="center" style="font-size: 20px; text-align: left;"> OCCUPANT DETAILS:</p> 
      <table width="770" height="97" cellpadding="10" > 
       <tr> 
        <td><input type="text" name="FirstName" id="FirstName"  placeholder="FIRSTNAME" value="${firstname}" onchange="stringCheck(this);" /></td> 

        <td><input type="text" name="LastName" id="LastName" placeholder="LASTNAME" value="${lastname}" onchange="stringCheck(this);" ></td> 
        <td><input type="text" name="Village" id="Village" placeholder="VILLAGE" value="${village}" onchange="stringCheck(this);" ></td> 
       </tr> 
       <tr> 
        <td><input type="text" name="FatherName" id="FatherName" placeholder="FATHER'S NAME" value="${sonof}" onchange="stringCheck(this);" ></td> 
        <td><input type="text" name="District" id="District" placeholder="DISTRICT" value="${district}" onchange="stringCheck(this);" ></td> 
        <td>&nbsp;</td> 
       </tr> 
      </table> 
      <p>&nbsp;</p> 
      <div id="occupationlist" > 
      <display:table name="List" export="true" class="displaytag" sort="list" > 
       <display:setProperty name="basic.empty.showtable" value="true" /> 

       <display:column property="occid" title="ID" ></display:column> 
       <display:column property="firstName" title="First Name" ></display:column> 
       <display:column property="lastName" title="Last Name" ></display:column> 
       <display:column property="sonOf" title="Father's Name" ></display:column> 
       <display:column property="district" title="District" ></display:column> 
       <display:column property="village" title="Village" ></display:column> 
       <display:column title="Reservation Form"> 
        <input type="button" id="reservationid" name="show reservation" onClick="javascript:toggle1();" value="show reservation det"> 
       </display:column> 
       <display:column title="Agreement Form"> 

        <input type="button" id="agreementid" name="show agreement" onClick="javascript:toggle2();" value="show agreement det"> 
       </display:column> 
      </display:table> 
      </div> 
      <br> 
      <br> 
      <div id="reservationlist" style="display: none"> 
       <display:table name="List1" export="true" class="displaytag" sort="list" > 
       <display:setProperty name="basic.empty.showtable" value="true" /> 

       <display:column property="resid" title="Reservation ID" ></display:column> 
       <display:column property="date" title="Date" ></display:column> 
       <display:column property="weight" title="Weight" ></display:column> 
       <display:column property="bags" title="Bags" ></display:column> 
       <display:column property="amount" title="Amount" ></display:column> 
       <display:column property="advance" title="Advance" ></display:column> 

      </display:table> 
      </div> 
      <br> 
      <br> 

      <div id="agreementlist" style="display: none" > 
       <display:table name="List2" export="true" class="displaytag" sort="list" > 
       <display:setProperty name="basic.empty.showtable" value="true" /> 

       <display:column property="agreeNo" title="Agreement ID" ></display:column> 
       <display:column property="date" title="Date" ></display:column> 
       <display:column property="weight" title="Weight" ></display:column> 
       <display:column property="rate" title="Rate" ></display:column> 
       <display:column property="bags" title="Bags" ></display:column> 
       <display:column property="amount" title="Amount" ></display:column> 
       <display:column property="advance" title="Advance" ></display:column> 
       <display:column property="lotNo" title="Lot No" ></display:column> 


      </display:table>    
      </div> 
      <p align="CENTER"> 
       <input type="button" name="BACK" id="BACK" value="BACK" width="10px" height="10px" onClick="javascript:goBack()">&nbsp;&nbsp; 
       <input type="button" name="SUBMIT" id="submit" value="SEARCH" onclick="checkemptyreport();" > 
      </p> 

    </div> 
    <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 

    </form> 

여기 내 자바 스크립트 함수 인 형상 - - 검색 버튼의 타입을 "제출"하는

function checkemptyreport() 
{ 
var firstname = document.getElementById("FirstName").value; 
var lastname = document.getElementById("LastName").value; 
var fathername = document.getElementById("FatherName").value; 
var village = document.getElementById("Village").value; 
var district = document.getElementById("District").value; 
if((firstname=="") && (lastname == "") && (village == "") && (fathername == "") &&  (district == "") ) 
{ 

    alert("Enter Atleast One field"); 
    document.getElementById("FirstName").focus(); 
    return false; 
} 
else 
{ 
    alert(2); 

    //document.forms["report"].submit(); 
    document.form["report"].action = "/reportbeanservlet"; 
    //document.location = "reportbeanservlet"; 
    return true; 
    } 
} 

답변

3

변경 (유형 버튼 양식을 제출하지 않음) , 그리고 양식을 제출할 것입니다. 또는 당신은 할 수 있습니다 :

document.form["report"].submit(); 

checkemptyreport() 함수 내에서. 이 예에서

+0

. 입력란에 아무 것도 입력하지 않으면 원합니다. 그것은 형식이되어서는 안됩니다. – Divyang

+0

당신이 달성하고자하는 것, 즉 입력을 확인한 다음 제출하지 않습니까? – tomor

+2

@Divyang, 양식이 유효하지 않은 경우 메시지를 표시 한 후 false를 반환합니다. 이렇게하면 양식이 게시되지 않습니다. –

1

봐 :

자바 스크립트 :

window.onsubmit = function() 
{ 
    var firstname = document.getElementById("FirstName").value; 
    var lastname = document.getElementById("LastName").value; 
    var district = document.getElementById("District").value; 

    if(firstname == "" && lastname=="" && district=="") 
    { 
     alert("Fill in at least one"); 
     return false; 
    } 
    else 
    { 
     alert(2); 
     //document.forms["report"].submit(); 
     document.form["report"].action = "/reportbeanservlet"; 
     //document.location = "reportbeanservlet"; 
     return true; 
    } 
} 

마크 업 :

<form method="POST" name="report" id="reportbean"> 
    <input type="text" name="FirstName" id="FirstName" /> 
    <input type="text" name="LastName" id="LastName" /> 
    <input type="text" name="District" id="District" /> 
    <input type="submit" value="Submit" /> 
</form> 

이것은 물론 코드의 작은 버전이지만, @tomor로 제출 버튼을 사용하여 수행 할 수 있으며 양식의 onsubmit 이벤트를 캡처 할 수 있습니다.

jsFiddle : http://jsfiddle.net/hescano/xZEbH/ 내가 그것을 검증 확인하고 자동으로 양식을 제출 버튼을 클릭 한 후 제출 검색 버튼을 변경하는 경우

+1

버디에게 감사드립니다. 마침내 얻었습니다. 감사합니다. – Divyang

관련 문제