일반적으로 내 HTML에 Jquery 유효성 검사를 성공적으로 설치했습니다. 지금, 나는 잘 작동하지 않는 검증과 혼동합니다.
이것은 HTML 스크립트
<table border="0" align="center">
<form method="post" action="undian.php" id="FORM_UNDIAN">
<tr>
<td>Nama :</td>
<td><input type="text" name="NAMA" placeholder="Nama" class="inputs" /></td>
</tr>
<tr>
<td>Email :</td>
<td><input type="text" name="EMAIL" placeholder="Email" class="inputs" /></td>
</tr>
<tr>
<td>Kota :</td>
<td>
<div class="ui-widget">
<input type="text" name="KOTA" placeholder="Kota" id="tags" class="inputs" />
</div><!--end of ui-widget-->
</td>
</tr>
<tr>
<td colspan="2" align="right"> <input type="submit" name="OKE" value="Submit" id="submit1" /></td>
</tr>
</table>
그리고 js 스크립트는 다음과 같습니다.
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-validate-1.10.0.js"></script>
<script>
$(function(){
$("#FORM_UNDIAN").validate({
rules:
{
NAMA:
{
required: true
},
EMAIL:
{
required: true,
email : true
},
KOTA:
{
required: true
}
},
messages: {
NAMA:
{
required: "Nama belum terisi"
},
EMAIL:
{
required: "Email belum terisi",
email : "Format email belum benar"
},
KOTA:
{
required: "Kota belum dipilih"
}
}
})
});
</script>
내 대본에서의 실수를 알려줄 수 있습니까?
귀하의 답변에 매우 감사드립니다.
감사
귀하의 html이 유효하지 않습니다. 테이블은 자식으로 양식을 가질 수 없으므로 양식 을 테이블의 부모로 만드십시오.
<form method="post" action="undian.php" id="FORM_UNDIAN">
<table border="0" align="center">
<tr>
<td>Nama :</td>
<td>
<input type="text" name="NAMA" placeholder="Nama" class="inputs" />
</td>
</tr>
<tr>
<td>Email :</td>
<td>
<input type="text" name="EMAIL" placeholder="Email" class="inputs" />
</td>
</tr>
<tr>
<td>Kota :</td>
<td>
<div class="ui-widget">
<input type="text" name="KOTA" placeholder="Kota" id="tags" class="inputs" />
</div>
<!--end of ui-widget-->
</td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="submit" name="OKE" value="Submit" id="submit1" />
</td>
</tr>
</table>
</form>
데모 : Fiddle
봐 당신의 HTML 입력 요소는 폼 요소 내에 있지 않은
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다