JQuery Validation Not Workng

Question

Как правило, мне удалось установить проверку JQuery на мой HTML. BUt сейчас, я смущаюсь, что проверка не работает.

Этот 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> 

Можете ли вы помочь мне сказать ошибку, на мой сценарий?

Im очень оценил ваш ответ.

Благодаря

Answer 1

Ваш HTML является недействительным, table cannot have form as a child, поэтому сделать форму в качестве родителя таблицы

<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

Посмотрите на your html входные элементы не в форме элемент