1

CSS フレームワークとして zurb の基盤を使用していますが、残念ながらフォームを送信できません。すべて入力して送信ボタンをクリックしても何も起こりません。これが私の現在のコードです。

  <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>
4

3 に答える 3

0

追加novalidateすると役立つ場合があります。

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

あなたのフォームでは、required 属性を持つ非表示の入力があるかもしれません。

于 2015-03-24T12:47:16.830 に答える
0

フォーム コードは常にブラウザによって実行されるため、"record-time-out.php" がどこにあるかわからないことを覚えておいてください。このような：

<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>

于 2015-03-24T12:46:30.637 に答える
0

これがお役に立てば幸いです。

追加

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

予想される TIME-IN テキスト ボックスの後。

于 2015-03-24T12:46:37.503 に答える