-1

すべての入力がチェックされている/空でない場合に、フォームの送信ボタンを有効にする方法を探しています。

私はグーグルと他のSOの質問の両方でスニペットに出くわしました。ここでは同様のことが行われますが、常に同じタイプの入力に対してのみ行われ、ここの場合のように異なる種類は考慮されません。これを行う方法はありますか?

以下は、そのようなスニペットとhttp://jsfiddle.net/bRKuV/へのリンクを使用する場所の例です。

requiredPS HTML5属性以外の解決策を探しています。

編集: 名前属性を持つグループ化されたラジオ。

<div id="first">
    <form>
        <label>Name</label>
        <input type="text">

        <label>Email</label>
        <input type="email">

        <label>Age</label>
        <input type="number" maxlength="2">

        <label>Gender</label>
        <input type="radio" name="gender" value="m">Male</input>
        <input type="radio" name="gender" value="f">Female</input>

        <input type="submit" disabled>

    </form>
</div>
<div id="second">
    <form>
        <label>Question 1</label>
        <input type="radio" name="q1" value="y">Yes</input>
        <input type="radio" name="q1" value="n">No</input>

        <label>Question 2</label>
        <input type="radio" name="q2" value="y">Yes</input>
        <input type="radio" name="q2" value="n">No</input>

        <input type="submit" disabled>
    </form>
</div>
4

1 に答える 1