inputSubmitObject.formNoValidateプロパティ

inputSubmitObject.formNoValidateは、送信ボタン(type属性がsubmitであるinput要素)のformNoValidate属性の値を取得、もしくは、設定するプロパティ。

formNoValidate属性には、フォームの入力内容の検証を無効にするかどうかを指定することができる。例えば、入力必須の入力欄が空白でないかどうかの検証を、無効にするかどうかを指定できる。

送信ボタンのformNoValidate属性に「true」を指定した場合、送信ボタンが属するフォーム(form要素)のnovalidate属性よりも優先される。

構文

取得

var $formNoValidate = $inputElementReference.formNoValidate;

戻り値

送信ボタン(type属性がsubmitであるinput要素)のformNoValidate属性の値。

設定

$inputElementReference.formNoValidate = boolean;
boolean
無効にするかどうかを指定。
  • true:無効化する。
  • false:無効化しない。

サンプル

送信ボタンのformNoValidate属性の値:

【サンプルフォーム】
入力欄:

サンプルの動作について

  • 「true」ボタンをクリックすると、「送信」ボタンにformNoValidate属性を設定する。入力欄が空白のまま「送信」ボタンをクリックしても送信する。
  • 「false」ボタンをクリックすると、「送信」ボタンからformNoValidate属性を削除する。入力欄が空白のまま「送信」ボタンをクリックすると、入力欄の下に「入力必須」と表示される。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function setFormNoValidate( $formNoValidate ) {
    var $elementReference = document.getElementById( "sample" );
    $elementReference.formNoValidate = $formNoValidate;
    var $formNoValidate = $elementReference.formNoValidate;
    document.getElementById( "sampleOutput" ).innerHTML = $formNoValidate;
}
</script>

HTML

<p>
    <button onclick="setFormNoValidate(true);">true</button>
    <button onclick="setFormNoValidate(false);">false</button>
</p>
<p>送信ボタンのformNoValidate属性の値:<span id="sampleOutput"></span></p>
<form id="sampleForm" method="get" action="http://alphasis.info/" target="_blank">
    【サンプルフォーム】
    <br />
    入力欄:<input type="text" name="s" value="" required="true">
    <br />
    <input type="submit" value="送信" id="sample">
</form>

スポンサード リンク

カテゴリー: DOM, input type=submit オブジェクト, JavaScript, リファレンス パーマリンク