0

ページに複数のフォーム要素があり、フォームごとに [次へ] ボタンがあります。フォームに入力し、次のボタンをクリックして次のフォームにスクロールします。ユーザーが次のボタンをクリックしたときにフォームに入力した後、前の要素のすべての要素を無効にする必要があります。

私が試したこと：すべてのフォームに
一意を割り当て、次のことを試しましたid

$('form #firstFrm').find('input').attr('disabled','disabled');

しかし、それは何もしませんでした。

$("#firstFrm> input").attr("disabled", true);

しかし、効果はありません。

$("#firstFrm :input").attr("disabled", true);

formこのため、id firstFrmで要素を無効にする代わりに、すべてのフォームの要素を無効にします。

特定のフォームの要素のみを無効にする方法。

HTML コード

<form action="" method="post">      
    <fieldset class="sectionwrap">
        <legend style="padding-right: 425px;">User Details</legend>
        <fieldset class="column" style= "width: 500px;margin-top: 10px;">
            <div id="firstFrm">
                <table style="padding-right: 20px; float: left"> 
                    <tr>
                        <td id="targetTD">
                            Username : <input id="email" type="email" name="email"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Password : <input id="password" name="password" type="password" class="text" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            password : <input id="confirmPassword" name="confirmPassword" type="password" class="text" />
                        </td>
                    </tr>
                </table>
            </div>
        </fieldset>

    </fieldset>
</form>

解決

div下に作成しformてすべての要素を配置し、div下の要素を無効にする代わりに、下の要素formを無効にしdivました。これはうまくいきました。

4

3 に答える 3

0

これを試してください：

$( '#firstFrm input' ).attr ( 'disabled', true );
于 2012-12-13T07:07:53.243 に答える
0

$('form #firstFrm')id="firstForm"別の<form>要素の中にあるフォームを探します

<form>
    <div>
        <form id="firstForm"></form>
    </div>
</form>

$("#firstFrm > input")<input/>フォームの直接の子のみを取得します

<form>
    <input />     // this is matched
    <div>
        <input/>  // this is not matched
    </div>
</form>

すべての入力を取得するには、これを試してください：

$("input", $("#formId")).attr("disabled", true)

また

$("#formId input").attr("disabled", true)
于 2012-12-13T07:22:57.607 に答える
0

これは少し長くなりますが、ユーザーが次の入力タイプに移動するとすぐに、ID を使用して上記の要素を無効にできることを試すことができます。 

{ $( '#input' ).attr ( 'disabled', true ); }
于 2012-12-13T07:12:53.197 に答える