web-dev-qa-db-ja.com

必須の属性でHTML5テキストボックスを検証しない方法

フォーム内に1つのHTMLテキストボックス（数量用）と2つのHTMLボタン（追加、キャンセル）があります。

<form>
    <input type="number" min="1" max="100" required />
    <button type="button">Add</button>
    <button type="button">Cancel</button>
</form>

2番目のボタン（キャンセル）がクリックされたときにフォームを検証しないようにします。

これは可能ですか？ ASP.NETでは、CausesValidation = "false"を使用して検証をトリガーしません。

htmlbuttonrequired
20
abramlimpin

これを試して;

<button type="button" formnovalidate>Cancel</button>

コードを変更しました：キャンセルをクリックしてもフォームが検証されないようにしたいので、キャンセルボタンにformnovalidateを追加しました。

<form>
    <input type="number" min="1" max="100" required />
    <input type="submit">Add</input>
    <input type="submit" formnovalidate>Cancel</input>
</form>
42
Abhishek Jain

キャンセルボタンにformnovalidate属性を追加してみてください

<button type="button" formnovalidate>Cancel</button>
4
Pouki

次のように、キャンセルボタンでformnovalidate-optionを使用できます。

<input name="cancel" type="submit" value="Cancel" formnovalidate/>

参照 html5と[キャンセル]ボタンを使用したsymfony2フォームの検証

3
proditor

入力ボタンがrunat=serverの場合は、プロパティcausesvalidation="false"が必要です。そうでない場合は、HTML入力タイプのボタンを使用してキャンセルする場合は、javascriptを使用してクリック時にページにリダイレクトします。キャンセルの。

たとえば1）

<input type="button" id="btnCancel" class="button blue" value="Cancel" **causesvalidation="false"** onserverclick="btnCancel_Click" runat="server" />

2）

<input type="button" id="btnCancel" class="button blue" value="Cancel" **onclick="GoTo();"**/>

<script type="text/javascript">
function GoTo() {
            window.location.href = '../default.aspx';
        }
</script>
2
Bhavin Mistry

Asp.net 5でこのコードを試してください ここにリンクの説明を入力してください ボタンコントロール

<form>
<input type="number" min="1" max="100" required />
<button type="button">Add</button>
<button type="button" formnovalidate="formnovalidate">Cancel</button>

アルドフローレスレイエス@alduar 。netニュース

1
alduar

これを試してみてください。問題なく機能します。送信ボタンで機能します。

<asp:TextBox runat="server" ID="inputusername" required />
0
HUSEN JAMBUGOHDA