4

基本的な空のフォームがあり、送信ボタンを 1 回だけ表示したい:

  1. フォームにデータが入力されました。
  2. 必須/有効なフィールドはすべて正しいです。

フォームが正しい場合は、送信ボタンをフェードインする前に。

クイック jsfiddle: http://jsfiddle.net/36JZL/ 

<form action="#" method="post">
    <label>Name</label>
    <input type="text" name="name" class="required" value="" />

    <label>Email</label>
    <input type="email" name="email" class="required email" value="" />

    <label>Message</label>
    <textarea name="message" class="required"></textarea>

    <input type="submit" name="save" value="Save" class="hide" />
</form>

$('form').validate();
4

3 に答える 3

6

アラン・ブキャナンの答えに続いて、これはうまくいくかもしれません：

$('#yourform input,#yourform textarea').bind('oninput', function(){

    if ($('#yourform').valid()) $('#submitButton').fadeIn();

});

- メモと参照。

于 2012-10-23T13:35:57.267 に答える
2

フォーム入力の変更イベントで JavaScript を起動し、それぞれが検証に合格するかどうかを確認することをお勧めします。その場合は、ボタンをフェードインします。

于 2012-10-23T13:32:37.320 に答える
-2

jQuery にはこれを行う関数はありません。このフォームの送信または各フィールドにイベントをバインドし、必要なフィールドのテキスト長を検証する必要があります。すべてが 0 より大きい場合は、フォームを送信するか、送信ボタンをフェードインできます。

フォーム内のいずれかのフィールドで Enter キーを押すと、submnit イベントがトリガーされます。

このリンクを見てください。

http://api.jquery.com/submit/

于 2012-10-23T13:31:05.317 に答える