formObject.noValidateは、form要素(フォーム要素)のnoValidate属性を取得、もしくは、設定するプロパティ。
noValidate属性には、フォームの入力内容の検証を無効にするかどうかを指定することができる。例えば、入力必須の入力欄が空白でないかどうかの検証を、無効にするかどうかを指定できる。
構文
取得
var $noValidate = $formObject.noValidate;
戻り値
form要素(フォーム要素)のnoValidate属性の値。
設定
$formObject.noValidate = boolean;
- boolean
- 無効にするかどうかを指定。
true
:無効化する。false
:無効化しない。
サンプル
変更後のform要素のnoValidate属性の値:
サンプルの動作について
- 「true」ボタンをクリックすると、フォームにnoValidate属性を設定する。入力欄が空白のまま「送信」ボタンをクリックしても送信する。
- 「false」ボタンをクリックすると、フォームからnoValidate属性を削除する。入力欄が空白のまま「送信」ボタンをクリックすると、入力欄の下に「入力必須」と表示される。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function setNoValidate( $noValidate ) {
var $elementReference = document.getElementById( "sampleForm" );
$elementReference.noValidate = $noValidate;
var $noValidate = $elementReference.noValidate;
document.getElementById( "sampleOutput" ).innerHTML = $noValidate;
}
</script>
function setNoValidate( $noValidate ) {
var $elementReference = document.getElementById( "sampleForm" );
$elementReference.noValidate = $noValidate;
var $noValidate = $elementReference.noValidate;
document.getElementById( "sampleOutput" ).innerHTML = $noValidate;
}
</script>
HTML
<button onclick="setNoValidate(true);">true</button>
<button onclick="setNoValidate(false);">false</button>
<p>変更後のform要素のnoValidate属性の値:<span id="sampleOutput"></span></p>
<form id="sampleForm" method="get" action="http://alphasis.info/" target="_blank">
入力欄:<input type="text" name="s" value="" required>(必須)
<br />
<button type="submit">送信</button>
</form>
<button onclick="setNoValidate(false);">false</button>
<p>変更後のform要素のnoValidate属性の値:<span id="sampleOutput"></span></p>
<form id="sampleForm" method="get" action="http://alphasis.info/" target="_blank">
入力欄:<input type="text" name="s" value="" required>(必須)
<br />
<button type="submit">送信</button>
</form>
CSS
<style>
#sampleForm * {
margin: 0;
}
</style>
#sampleForm * {
margin: 0;
}
</style>