Проверка Jquery не работает

0

обычно мне удалось установить проверку 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>

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

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

благодаря

  • 0
    Ваша HTML-таблица недействительна и не может иметь форму как ребенок
  • 0
    В чем точная проблема? Любое сообщение подсказывает или в консоли?
Теги:
jquery-validate

1 ответ

1
Лучший ответ

Ваш 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>

Демо: скрипка

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

  • 0
    О, спасибо, это работает. Я забыл положить форму на стол, спасибо большое
  • 0
    @Uchsun, пожалуйста, вернись и "прими" этот ответ, поскольку он решил твою проблему.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню