文章來自：https://blog.csdn.net/qq_38215042/article/details/84675988
具體代碼如下所述：
if（條件語句）｛
return false;
｝else{
return true;
}
if（條件語句）｛
return false;
｝else{
return true;
}
if（條件語句）｛
return false;
｝else{
return true;
}
你寫的是不是上面這種情況？其實會出現只執行了第一個這種情況，主要是你在if else語句中都加入了，return 用來返回結果，這種方式其實是沒有錯的，邏輯也很通順，不過你仔細想一想，你提交的時候如果返回的是true的話，那么你的form表單就相當于收到了一個可以提交的命令，那么他就會進行表單提交，后面的if else語句就不會執行了。
解決的方法：我用的是一種標記，先全部給他們true,如果后面的if語句條件判斷為false,就彈出一個彈框進行提示，直到全部都符合條件了，才會給form表單返回一個true.進行表單提交。
有好的方法歡迎評論呦~~~~~~~~~
1：js代碼
需要引入jquery
<script type="text/javascript">
function checkForm() {
var productName = true;
var chanDi = true;
var muChanLiang = true;
var zongChanLiang = true;
var xiangQiang = true;
var yuShouJia = true;
var phone = true;
var pattern = /^1[34578]\d{9}$/; //驗證手機號正則表達式
if ($("#userName") == "") {
alert("請輸入產品名稱!");
/* alert($("#gsp_add_img_23").val()); */
productName = false;
} else if ($("#candi").val() == "") {
alert("請輸入產地!");
chanDi = false;
} else if ($("#muchan").val() == "") {
alert("請輸入畝產量!");
muChanLiang = false;
}else if ($("#zongChan").val() == "") {
alert("請輸入總產量!");
zongChanLiang = false;
} else if ($("#xiangqing").val() == "") {
alert("請輸入產品詳情!");
xiangQiang = false;
} else if ($("#yushoujia").val() == "") {
alert("請輸入預售價!");
yuShouJia = false;
} else if (!pattern.test($("#userPhone").val())) {
alert("手機號格式錯誤");
phone = false;
}
if (productName == true && chanDi == true && muChanLiang == true &&
zongChanLiang == true && xiangQiang == true && yuShouJia == true && phone == true) {
$("#ListForm").submit();
}
}
</script>
2：form表單
<form action="$!webPath/new/fl_npsh.htm" method="post" name="ListForm"
id="ListForm" enctype="multipart/form-data" >
<!-- 類似首頁樓層模塊 -->
<div >
<div class="floor floor_purple"
>
<div class="liebiao"
<!-- 給后臺傳一個id -->
<input name="id" type="hidden" id="id" value="$!obj.id" />
</div>
<div class="liebiao">
<!-- <span class="liebiao_left" >*</span> -->
<span class="liebiao_left">產品名稱：</span> <input id="userName"
type="text" name="product_name" class="shuruk"
placeholder="例：靈寶SOD蘋果(*必填項 *)" />
</div>
<div class="liebiao">
<span class="liebiao_left">產品產地：</span> <input type="text"
value="" name="product_origin" class="shuruk" id="candi"
placeholder="例：靈寶寺河山(*必填項 *)" />
</div>
<div class="liebiao">
<span class="liebiao_left">產品畝產量：</span> <input type="text"
value="" name="mu_yield" class="shuruk" id="muchan"
placeholder="例：每畝產量(*必填項 *)" />
</div>
<div class="liebiao">
<span class="liebiao_left">產品總產量：</span> <input type="text"
value="" name="sum_yield" class="shuruk"
placeholder="例：總產量(*必填項 *)" id = 'zongChan'/>
</div>
<div class="liebiao" >
<span class="liebiao_left"
>產品詳情：</span>
<textarea type="text" value="" id="xiangqing"
name="product_details" class="shuruk02"
placeholder="例：產品種植標準、產品優點、產品性能、儲存注意事項等(*必填項 *)"></textarea>
</div>
<div class="liebiao">
<span class="liebiao_left">產品預售參考價：</span> <input type="text"
value="" id="yushoujia" name="advance_price" class="shuruk"
placeholder="例：以每500g為單位(*必填項 *)" />
</div>
<div class="liebiao">
<span class="liebiao_left">站主聯系方式：</span> <input id="userPhone"
value="" name="phone" class="shuruk"
placeholder="(*必填項 *)" />
</div>
<div class="liebiao" >
<input type="button" value="立即申請" class="tijiao" onclick="checkForm()">
</div>
</div>
</div>
</form>
總結
以上所述是小編給大家介紹的解決JS表單驗證只有第一個IF起作用的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
