1

Jqueryを使用して以下のコードを使用してフォームフィールドを設定しています

 $("#frmlogin").reset()

上記は、以下のフォームのフィールドをリセットするために使用するコードです

<form  name='frmlogin' method='POST' id="login_form" style="margin:0 auto; margin-top:50px; width: 40%; height:300px; text-align:center;">

                        <input class="oFormJumbo oFormMed oInputText" type="text" name="requiredLogin" placeholder="Login Id" AUTOCOMPLETE=OFF />
                        <div class="cleaner h10"></div>
                        <input class="oFormJumbo oFormMed oInputText "  type="password" value="" name="password" placeholder="Password"  AUTOCOMPLETE=OFF onfocus="changetoUpperCase(document.frmlogin.requiredLogin.value);" />
                        <div class="cleaner h10"></div>
                        <a href="javascript:fp();">Forgot Password?</a>
                        <div class="cleaner"></div>
                        <input style="margin-left:0px; "   class="submit_btn float_l" type="button" value="Sign In" name="Sign In" onClick="javascript:func_get_data();"/>
                        <input style="margin-left: 200px; "  class="submit_btn float_r" type="button" value="Reset" id="reset" name="reset"   onclick="javascript:Reset()"/>

 </form>

何らかの理由でコードが機能しません。JavaScript が次の例外をスローしています

TypeError: $("#frmlogin").reset is not a function
[Break On This Error]   

$("#login_form").reset()

誰でも教えてもらえますか?なぜ機能しないのですか?. Jquery.js を含めました。

Adilsの提案によると、私も試しました

*$("#login_form")[0].reset()*

今それは与える

TypeError: $("#frmlogin")[0] is undefined
[Break On This Error]   

$("#frmlogin")[0].reset()

私が見逃しているのは何ですか?

Jqueryを使用したいので、Amit Agrawalを除いて、以下に提案されたすべてのコードを試しました。中華鍋なし。休むコードが提供されていることを知っています。フォームに欠けているものがあります

4

6 に答える 6

6

リセット入力要素を見落としている理由はありますか?

http://jsfiddle.net/BhTv5/

<input type="reset" />
于 2013-04-05T12:04:04.137 に答える
3

jQuery オブジェクトを使用してリセットを呼び出し、DOM オブジェクトを使用してリセットを呼び出します。インデクサーを使用して jQuery オブジェクトを DOM オブジェクトに変換できます。

変化する

$("#login_form").reset()

$("#login_form")[0].reset()

コメントに基づいて編集します。問題の他の原因は、リセットボタンの ID と名前です。驚いたことに、id または name がリセットされた入力があると、form.reset() 関数は動作を停止します。リセット ボタンの ID と名前を変更すると、上記のコードが機能します。

ライブデモ

変化する

<input style="margin-left: 200px; "  class="submit_btn float_r" type="button" value="Reset" id="reset" name="reset"   onclick="javascript:Reset()/>

<input style="margin-left: 200px; "  class="submit_btn float_r" type="button" value="Reset" id="myreset" name="myreset" />

ボタンによるバインディングイベント

$('#myreset').click(function () {   
    $("#login_form")[0].reset();
});
于 2013-04-05T11:28:51.457 に答える
1

このコードを試してみてください。型エラーが発生しません。ID が間違っていると宣言しました。ID ではなく名前をフォームとして宣言しました。ID を使用して、フォームをリセットしてみてください。

document.getElementById("login_form").reset();

(また)

  $("#login_form").reset();
于 2013-04-05T11:30:57.433 に答える
0

JavaScript の使用

document.getElementById("login_form").reset();//Use the id of the form

jQuery の使用

("#login_form").reset();
于 2013-04-05T11:35:38.317 に答える
0

reset は JavaScript メソッドであり、DOM オブジェクトが必要です

そのはず

$("#login_form")[0].reset()
于 2013-04-05T11:29:48.233 に答える
0

namewith 属性セレクターを取得する必要があります。

$('form[name="frmlogin"]').reset();

またはID付き:

$('#login_form').reset();

正しいプロパティでフォームを参照していないため、コードが壊れます。

于 2013-04-05T11:33:28.577 に答える