JQuery отправить форму - PullRequest
Новая
       18

JQuery отправить форму

0 голосов
/ 13 июля 2010

Я застрял сегодня, искал переполнение стека и Google, однако у havnt была большая удача в реализации решений, которые я видел.У меня есть форма, которую я пытаюсь создать, когда я нажимаю кнопку «Отправить», когда в формах нет информации, она выдает ошибку (проверка не прошла), однако, когда все заполнено правильно, кнопка «Отправить» больше не работает. 

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.delegate.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
 debug: true,
 success: "valid"
});;
</script>

  <script type="text/javascript">
  $(document).ready(function(){
    $("#q0").validate({
  rules: {
   date1: {
    required: true,
    digits: true,
    rangelength: [4, 4],
    min: 2010,
    max: 2015
  },
   date2: {
    required: true,
    digits: true,
    rangelength: [2, 2],
    max: 12
  },
   date3: {
    required: true,
    digits: true,
    rangelength: [2, 2],
    max: 31
  },
   date4: {
    required: true,
    digits: true,
    rangelength: [2, 2],
    max: 23
  },
   date5: {
    required: true,
    digits: true,
    rangelength: [2, 2],
    max: 59
  }
 }
});
  });
  </script>

Далее у нас есть форма: 

<h1>Select User</h1>
   <form action="q1.php" method="post" id="q0"><br /><br />

<?php

$con = mysql_connect("localhost","","");
if (!$con)
  {
  die('PWND: ' . mysql_error());
  }

                mysql_select_db("questionnaire");


    $sql = "SELECT id, fname, lname 
      FROM   User";

                $result = mysql_query($sql);
     echo '<select name="User" type="number">';
                while ($row = mysql_fetch_assoc($result))
                {
                    echo '<option value="'.$row['id'].'">'.$row['fname'].' '.$row['lname'].'</option>';
                }
     echo '</select>';
mysql_close($con)
?><br /><br />
<p>
<h4>Date and Time</h4>

  <label for="date1">Year (YYYY): </label>
  <input class="left" id="date1" name="date1" />
  <br/>
  <label for="date2">Month (MM): </label>
  <input class="left" id="date2" name="date2" />
  <br/>
  <label for="date3">Day (DD): </label>
  <input class="left" id="date3" name="date3" />
  <br/>
  <label for="date4">Hour (HH): </label>
  <input class="left" id="date4" name="date4" />
  <br/>
  <label for="date5">Minute (MM): </label>
  <input class="left" id="date5" name="date5" />
  <br/>
</p>
<h4>Test</h4>
<select name="qtype" type="number">
<option value="1">0</option>
<option value="2">8</option>
<option value="3">1</option>
<option value="4">2</option>
<option value="5">3</option>
<option value="6">4</option>
<option value="7">5</option>
</select><br /></p>
<input type="submit" value="Submit"/>
</form>

По сути, я хотел бы, чтобы он отправлял на следующую страницу, как это было ранее, однако, поскольку я пытался jquery, кнопка отправки перестала работать,Похоже, что после проверки.

Я смотрел на: http://docs.jquery.com/Plugins/Validation (это был мой основной ресурс, чтобы это заработало). Кнопка отключения jQuery (НЕ отправлено) до тех пор, пока поле не будет проверено + Плагин проверки Помощь в понимании кода включения / отключения кнопки jQuery

Однако я все еще застрял, не уверенперепутал код выше где-то.Кнопка отправки остается сломанной.

1 Ответ

3 голосов
/ 13 июля 2010

Это опция debug , которую вы установили: 

debug: true,

Просто удалите опцию или установите ее на false, она запрещает отправку на тестирование, чтобы получить подтверждение, вам необходимо изменить его, с документы :

Запрещает отправку формы и пытается помочь настроить проверку с предупреждениями об отсутствующих методах и другими отладочными сообщениями.

...