2

jQueryを使用してajax POSTを実行しましたが、送信が成功した後、フォーム入力がクリアされるようにしたいと考えています。問題は、JS が必須フィールドをクリアした後、Firefox (24.0) が必須フィールドについて警告することです。

これはjsFiddle の例で、これがコードです。入力に何かを書き込んでフォームを送信してみてください。

HTML:

<form id="form" action="" method="post" accept-charset="utf-8">
    <input id="text" type="text" name="text" required />
    <button type="submit" name="submit">Submit</button>
</form>

JS:

jQuery(document).ready(function() {
    "use strict";

    $("#form").on("submit", function (e) {
        e.preventDefault();
        $("#text").val("");
    });
});

UPDATE : ページが最初にロードされるとき、Firefox は、何らかの入力を行って削除し、入力がフォーカスを失った場合にのみ、入力を欠落としてマークします。Firefox はフォームが送信されたことを考慮していないようで、このケースに該当します。

4

1 に答える 1

0

これがあなたのクラックです

[required] {
box-shadow: none;

}

警告ボックスは表示されますが、赤い枠は表示されません。

ここにフィドルがあります

フィドル

適切なアクションリンクがある場合は機能する可能性がありますが..私のFirefoxでは赤い境界線が表示されませんが、時々奇妙な動作をします

于 2013-09-26T15:14:34.647 に答える