<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
        主站蜘蛛池模板: 亚洲精品无码久久千人斩| 亚洲人成毛片线播放| 亚洲精品乱码久久久久久按摩 | 中文字幕免费视频| 免费观看激色视频网站(性色)| 国产大片91精品免费观看不卡| 永久免费av无码网站韩国毛片| 精品免费国产一区二区三区| 亚洲成a人一区二区三区| 亚洲色WWW成人永久网址| 美女视频黄.免费网址| a级毛片免费观看在线| 99久久免费精品高清特色大片| 日韩版码免费福利视频| 亚洲成av人片不卡无码久久| 亚洲成A人片在线观看无码不卡 | 成年女人男人免费视频播放| 久久精品国产亚洲精品| 亚洲精品91在线| 美女被暴羞羞免费视频| 四虎国产精品永久免费网址| 在线观看成人免费| 亚洲精品二区国产综合野狼 | 蜜芽亚洲av无码一区二区三区| 一区二区三区免费在线观看| 69影院毛片免费观看视频在线 | 亚洲AV日韩AV高潮无码专区| 亚洲欧美日韩综合久久久久| 中文无码成人免费视频在线观看| 好男人视频在线观看免费看片 | 亚洲一区中文字幕在线观看| 国产vA免费精品高清在线观看| 999久久久免费精品国产| 精品国产亚洲男女在线线电影 | 精品一卡2卡三卡4卡免费视频 | 久久久久亚洲精品中文字幕 | 亚洲高清视频在线观看| 国产亚洲女在线线精品| 182tv免费观看在线视频| 亚洲精品综合久久| 亚洲欧美日韩中文字幕一区二区三区|