0

分割された登録フォームがあります。特定のフィールドが有効に完了するまでフォームフィールドを非表示にできる方法を、できれば css3 を使用して探しています。

例: 「グループ名」をリクエストします。グループ名フィールドに有効なグループ名、つまりデータベースまたは xml ファイルに存在するグループ名が入力されると (この部分には js が必要で、ドロップダウンはオプションではありません)、2 番目のフィールド「グループ パスワード」が表示されます。

私はhtml5とcss3を使用しています。絶対に必要な場合は、javascript を使用します。ありがとう。

次のようなものを使用できると思います。

document.getElementById("groupname").disabled = true

しかし、それをトリガーする方法がわかりません。おそらく、html5 検証を使用すると、トリガーとして機能する可能性がありますか?

4

1 に答える 1

3

一見すると、次のようなものが機能しているように見えます。

:invalid ~ .test {
    display: none;
}

<form>
    <input type="text" required/> <!-- Displayed -->
    <fieldset class="test">
        <input type="text"/>  <!-- Hidden until top input is filled -->
    </fieldset>        
</form>

単純なケースを処理できる必要があります。setCustomValidityこれは、検証でワイヤリングの呼び出しを使用して強化できます。

于 2013-02-04T02:43:19.433 に答える