私はJavaScriptの初心者で、個別に機能しているが一緒には機能していない2つのコードを結合しようとしています:
- フォームを検証して、長さ、幅、高さがゼロでないことを確認する
- フォームが有効な場合は、フォームを送信し、コンテンツの読み込み中に CSS スプラッシュ読み込み画面を表示します
これが私の失敗した試みです:
<script type = "text/javascript">
function notEmpty(elem, helperMsg){
if (elem.value.length == 0) {
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function show() {
if ((notEmpty(document.getElementById('length'), 'Please Enter a Length')==true) &&
(notEmpty(document.getElementById('height'), 'Please Enter a Height')==true) &&
(notEmpty(document.getElementById('weight'), 'Please Enter a Weight')==true)) {
document.getElementById("myDiv").style.display="block";
setTimeout("hide()", 10000); // 10 seconds
}
}
function hide() {
document.getElementById("myDiv").style.display="none";
}
</script>
show()
私のフォームはフォーム送信時に呼び出されます。myDiv は、ページの読み込み中に表示される CSS 読み込みページ要素です。繰り返しになりますが、私の試みがうまくいかなかった場合はお詫び申し上げます。私は JavaScript に非常に慣れていないため、正しい方向に向けるためのアドバイスをいただければ幸いです。