내가 여기에서하려고하는 것은 필드에 아무 것도 입력하지 않으면 경고가 표시되고 필드 중 하나라도 입력되면 양식이 제출됩니다. 자바 스크립트를 사용하고 있습니다. 여기에 양식을 제출하는 것은 내jsp 폼이 제출되지 않음
<form method="POST" name="report" id="reportbean">
<div id="maindiv">
<div align="center">
<p> </p>
<p id="Title">CHANDNA COLD STORAGE
</p>
</div>
<p> </p>
<p> </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> </td>
</tr>
</table>
<p> </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()">
<input type="button" name="SUBMIT" id="submit" value="SEARCH" onclick="checkemptyreport();" >
</p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </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;
}
}
. 입력란에 아무 것도 입력하지 않으면 원합니다. 그것은 형식이되어서는 안됩니다. – Divyang
당신이 달성하고자하는 것, 즉 입력을 확인한 다음 제출하지 않습니까? – tomor
@Divyang, 양식이 유효하지 않은 경우 메시지를 표시 한 후 false를 반환합니다. 이렇게하면 양식이 게시되지 않습니다. –