html onsubmitに関して

Question

すみません、ただいまhtmlを確認しているのですが、

<FORM METHOD="POST" NAME="serchCondition" ACTION="/test/teste" onSubmit="return CheckValue01()">

みたいなコードでCheckValue01()がreturnしない箇所があったのですが、
この場合は動かない認識で大丈夫ですかね？
※return trueでsubmitする認識です。

検証しろって話しなんですけど、
一応ご見解を聞きたく、ごにょごにょ色々中でやっているので、
訳あってなのか不安になりました。

Answer 1

まぁやってみればわかりますが、falseを返してこないやつは
submitされます。

<script>
function test1(){}
function test2(){return}
function test3(){return true;}
function test4(){return false;}
function test5(){return "";}
function test6(){return null;}
function test7(){return 0;}
function test8(){return undefined;}
function test9(){return [];}
function test10(){return {};}
</script>
<form onsubmit="return test1()">
<input type="text" name="a" value="1">
<input type="submit" value="go">
</form>
<form onsubmit="return test2()">
<input type="text" name="a" value="2">
<input type="submit" value="go">
</form>
<form onsubmit="return test3()">
<input type="text" name="a" value="3">
<input type="submit" value="go">
</form>
<form onsubmit="return test4()">
<input type="text" name="a" value="4">
<input type="submit" value="go">
</form>
<form onsubmit="return test5()">
<input type="text" name="a" value="5">
<input type="submit" value="go">
</form>
<form onsubmit="return test6()">
<input type="text" name="a" value="6">
<input type="submit" value="go">
</form>
<form onsubmit="return test7()">
<input type="text" name="a" value="7">
<input type="submit" value="go">
</form>
<form onsubmit="return test8()">
<input type="text" name="a" value="8">
<input type="submit" value="go">
</form>
<form onsubmit="return test9()">
<input type="text" name="a" value="9">
<input type="submit" value="go">
</form>
<form onsubmit="return test10()">
<input type="text" name="a" value="10">
<input type="submit" value="go">
</form>

Comments

[color]

ご教示頂き有難うございます。

助かりました。怖いですね。成功の認識なんですね。

どうも有難うございました。

Answer 2

どうやら 動く みたいです

onsubmitのキャンセルはreturn falseの場合のみです

関数の戻り値は、何も返さない場合undefinedなので、falseではないと判定されて処理が実行されます

Answer 3

onSubmit属性はそもそもsubmitした時に呼び出されるので、
return falseで submit しないわけではありません。

場合分けしたい場合は以下のようにしてみてください。

<form method="POST" name="serchCondition" action="/test/teste" onSubmit="CheckValue01()"></form>

function CheckValue01 () {
	if( ここに条件 ) {
		//ここに処理
	} else {
		return;
	}
	//これ以降何もなければ else 文の必要は特にない
}