javasqliptで複数のテキストボックスの未入力チェックのプログラムを作ったのですが・・・

解決済

質問者：鎌やろう
質問日時：2021/01/31 20:38
回答数：1件

javasqliptで複数のテキストボックスの未入力のチェックをするプログラムを下記の通りに作りましたが、何故か顧客名しか反応せず、他はスルーしてしまいます。

下記のプログラムは問題のところを一部抜粋したものです。

どのように改善するとよいのでしょうか？

<body>
<div class="content">
<h1>顧客検索結果</h1>
<form action="c_search_fix.php" name="form1" method="GET" onSubmit="return check()">
<div class="control">
<label for="C_num">顧客番号(修正不可)</label>
<input readonly id="C_num" type="number" name="C_num" maxlength="6" value="<?php print($get_C_nm[0]); ?>">
</div>
<div class="control">
<label for="C_name">顧客名(全角文字のみ入力可)</label>
<input pattern="[^\x20-\x7E]*" id="C_name" type="text" name="C_name" maxlength="10" value="<?php print($get_C_nam[0]); ?>" onkeyup = "this.value = this.value.replace(/[ -~１２３４５６７８９０]/g, '')" >
</div>
<div class="control">
<label for="C_phon">顧客電話番号(半角数字のみ入力可、11桁まで入力可,ハイフンなし)</label>
<input pattern="^[0-9]+$" id="C_phon" type="tel" maxlength="11" name="C_phon" value="<?php print($get_C_phn[0]); ?>">
</div>
<div class="control">
<label for="C_sa">顧客住所</label>
<input id="C_sa" type="text" name="C_sa" maxlength="50" value="<?php print($get_C_add[0]); ?>">
</div>
<div class="control">
<input type="submit" value="修正">
</div>
</form>
<form action="menu.php" method="GET">
<div class="control">
<input type="submit" value="メニューへ">
</div>
</form>
</div>
<script type="text/javascript">
function check(){
var name = 0;
var phon = 0;
var sa = 0;
if(document.form1.C_name.value == ""){
name = 1;
}
else if(document.form1.C_phon.value == ""){
phon = 1;
}
else if(document.form1.C_sa.value == ""){
sa = 1;
}
if(name){
window.alert('顧客名に未入力がありました'); // 入力漏れがあれば警告ダイアログを表示
return false;
}
else{
return true;
}
if(phon){
window.alert('顧客電話番号に未入力がありました'); // 入力漏れがあれば警告ダイアログを表示
return false;
}
else{
return true;
}
if(sa){
window.alert('顧客住所に未入力がありました'); // 入力漏れがあれば警告ダイアログを表示
return false;
}
else{
return true;
}
}
</script>
</body>
</html>