Почему моя форма не отправляется?

Question

Почему моя форма не отправляется?

Я использую основу zurb в качестве основы для CSS, и, к сожалению, она не позволит мне отправить форму. Даже если я заполню все и нажму кнопку «Отправить», ничего не произойдет. Вот мой текущий код.

  <div class="row panel clearfix">
<div class="small-9 large-centered columns">
<form action="record-time-out.php" method="POST" data-abide>
<div class="small-8" >
<div class="row">
<div class="small-3 columns">
<label class="right">PURPOSE</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_purpose" required>
<small class="error">Input your purpose.</small>
</div>
</div>
</div>
<div class="small-8">
<div class="row">
<div class="small-3 columns">
<label class="right">DESTINATION</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_destination" required>
<small class="error">Input your destination.</small>
</div>
</div>
</div>
<div class="small-8">
<div class="row">
<div class="small-3 columns">
<label class="right">Expected TIME-IN</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_time" required>
</div>
</div>
</div>
<div class="row">
<div class="small-3 columns">
</div>
<div class="small-9 columns">
<input type="submit" class="button" value="OUT"/>
</div>
</div>
</form>
</div>
</div>

1

forms php zurb-foundation zurb-foundation-5

Решение

Другие решения

Надеюсь, это поможет вам.

добавлять

<small class="error">Input Expected TIME-IN.</small>

после ожидаемого ВРЕМЕНИ в текстовое поле.

0

Добавление novalidate может помочь.

<form action="record-time-out.php" method="POST" data-abide novalidate>

В вашей форме вы можете иметь скрытый ввод с обязательным атрибутом.

0

Источник

Accepted Answer

Помните, что код формы всегда выполняется браузером, поэтому он не будет знать, где находится «record-time-out.php». Я предлагаю просто добавить URL-адрес вашего сайта, и он будет работать, протестировать его, будет что-то как это:

<div class="row panel clearfix">
<div class="small-9 large-centered columns">
<form action="http://example.com/record/record-time-out.php" method="POST" data-abide>
<div class="small-8" >
<div class="row">
<div class="small-3 columns">
<label class="right">PURPOSE</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_purpose" required>
<small class="error">Input your purpose.</small>
</div>
</div>
</div>
<div class="small-8">
<div class="row">
<div class="small-3 columns">
<label class="right">DESTINATION</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_destination" required>
<small class="error">Input your destination.</small>
</div>
</div>
</div>
<div class="small-8">
<div class="row">
<div class="small-3 columns">
<label class="right">Expected TIME-IN</label>
</div>
<div class="small-9 columns">
<input type="text" name="txt_time" required>
</div>
</div>
</div>
<div class="row">
<div class="small-3 columns">
</div>
<div class="small-9 columns">
<input type="submit" class="button" value="OUT"/>
</div>
</div>
</form>
</div>

0