<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        解決JS表單驗證只有第一個IF起作用的問題

        來源:懂視網 責編:小采 時間:2020-11-27 22:02:57
        文檔

        解決JS表單驗證只有第一個IF起作用的問題

        解決JS表單驗證只有第一個IF起作用的問題:文章來自:https://blog.csdn.net/qq_38215042/article/details/84675988 具體代碼如下所述: if(條件語句){ return false; }else{ return true; } if(條件語句){ return false; }else{ return true; } if
        推薦度:
        導讀解決JS表單驗證只有第一個IF起作用的問題:文章來自:https://blog.csdn.net/qq_38215042/article/details/84675988 具體代碼如下所述: if(條件語句){ return false; }else{ return true; } if(條件語句){ return false; }else{ return true; } if

        文章來自: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 style="width: 1020px; margin: 0 auto;">
         <div class="floor floor_purple"
         style="width: 1011px; border-top: 1px solid #eee;">
         <div class="liebiao"
         <!-- 給后臺傳一個id -->
         <input name="id" type="hidden" id="id" value="$!obj.id" />
         </div>
         <div class="liebiao">
         <!-- <span class="liebiao_left" style="color:red">*</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" style="height: 60px;">
         <span class="liebiao_left"
         style="display: inline-block; height: 60px; line-height: 30px; float: 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" style="margin-top: 30px;">
         <input type="button" value="立即申請" class="tijiao" onclick="checkForm()">
         </div>
         </div>
         </div>
         </form>

        總結

        以上所述是小編給大家介紹的解決JS表單驗證只有第一個IF起作用的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        解決JS表單驗證只有第一個IF起作用的問題

        解決JS表單驗證只有第一個IF起作用的問題:文章來自:https://blog.csdn.net/qq_38215042/article/details/84675988 具體代碼如下所述: if(條件語句){ return false; }else{ return true; } if(條件語句){ return false; }else{ return true; } if
        推薦度:
        標簽: 解決 第一個 問題
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲日本在线看片| 在线观看亚洲成人| 亚洲国产精品人久久电影| 国产成人AV片无码免费| 久久亚洲精品成人综合| 99久久免费观看| 亚洲国产综合在线| 国产卡一卡二卡三免费入口| 国产成+人+综合+亚洲专| 手机在线免费视频| 在线观看亚洲网站| 亚洲午夜无码片在线观看影院猛| 新最免费影视大全在线播放| 亚洲午夜无码AV毛片久久| a级日本高清免费看| 亚洲无删减国产精品一区| 久久WWW免费人成一看片| 国产精品亚洲综合久久| 国产成人综合久久精品免费| 九九免费久久这里有精品23| 日韩亚洲一区二区三区| 国产精品爱啪在线线免费观看| 在线观看日本亚洲一区| 国产一区二区视频免费| 特级做A爰片毛片免费看无码| 久久亚洲AV成人无码国产 | 亚洲精品无码成人片久久不卡 | 亚洲AⅤ优女AV综合久久久| 国产精品免费αv视频| 亚洲AV人无码综合在线观看| 成年人免费的视频| 美女免费精品高清毛片在线视| 亚洲线精品一区二区三区| 亚洲视频免费在线看| 婷婷国产偷v国产偷v亚洲| 亚洲av无码一区二区三区网站 | 亚洲国产精品碰碰| 69国产精品视频免费| 水蜜桃视频在线观看免费| 色播亚洲视频在线观看| 免费一看一级毛片|