0

私は bootstrap-datepicker を使用しており、ユーザーが送信ボタンを押したときに、選択した日付と非表示の値の両方を送信する必要があります。コードはそうです：

            <div class='input-append date datepicker' data-date=$today data-date-format='mm-dd-yyyy'>
            <form class='well' action='Update_Birthday.php' method='POST'>  
            <input type='hidden' name='ContactID' value=$ContactID>
            <input class='span5' size='16' type='text' name='date' readonly>
            <span class='add-on'><i class='icon-calendar'></i></span>
            <button type='submit' class='btn'>Submit</button>  
            </form> 
        </div>

日付を選択する前に [送信] をクリックすると、ContactID が正しく送信されます (もちろん、日付は null です)。日付を選択すると、'ContactID' と 'date' の両方が同じになります。つまり、ユーザーが選択した日付です。

日付と非表示の値を正しく送信するにはどうすればよいですか?

助けていただければ幸いです。

4

1 に答える 1

0

このコード (基本的に、値に引用符が追加された、既にあるもの): 

        <div class='input-append date datepicker' data-date='$today' data-date-format='mm-dd-yyyy'>
        <form class='well' id='birthdayForm' action='Update_Birthday.php' method='POST'>  
        <input type='hidden' name='ContactID' value='$ContactID'>
        <input class='span5 dateInput' size='16' type='text' name='date' readonly>
        <span class='add-on'><i class='icon-calendar'></i></span>
        <button type='submit' class='btn'>Submit</button>  
        </form> 
    </div>

ContactIDユーザーが日付を選択したときに上書きする必要は ありません。

日付が選択されるまでフォームの送信を防止するには、JavaScript が必要です。入力に値を事前に入力することをお勧めしdateます (おそらく、コードから判断すると、以前に指定された誕生日ですか?) - フィールドは読み取り専用であるため、通常、ユーザーは値を空にすることはできず、日付のみを変更します。

空白のままにしたい場合は、次のようなものが役立ちます。 

$('#birthdayForm').on('submit', function(e) {
    $('.dateInput').each(function() {
        if ($(this).val().length < 1) {
            e.preventDefault();
        }
    });
});
于 2012-10-19T20:06:27.457 に答える