• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答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
    主站蜘蛛池模板: 欧美精品中文字幕亚洲专区| 久久精品99久久香蕉国产色戒 | 国产系列高清精品第一页| 久久亚洲精品人成综合网| 久久人人超碰精品CAOPOREN| 久久精品国产精品亚洲精品| 国产中老年妇女精品| 亚洲精品无码久久久久| 久久久久亚洲精品中文字幕 | 久久九九精品99国产精品| 日韩精品一区二区三区不卡| 国产精品亚洲αv天堂无码| 国产伦精品一区二区三区女| 久久99精品久久久久子伦| 中文精品人人永久免费| 欧美人与性动交α欧美精品成人色XXXX视频 | 国产精品丝袜久久久久久不卡| 久久97精品久久久久久久不卡| 国产精品亚洲A∨天堂不卡| 亚洲精品天堂成人片?V在线播放| 国产精品永久免费视频| 国产99视频精品专区| 中文字幕精品一区影音先锋| 日韩精品www| 91精品国产91久久久久久| 精品视频在线免费观看| 国产精品自产拍在线观看| 国产日韩精品在线| 精品九九久久国内精品| 国产精品久久久久9999| 久久精品www| 亚洲国产精品自在线一区二区| 四虎精品影院4hutv四虎| 视频二区国产精品职场同事| 亚洲人成亚洲精品| 国产成人精品午夜福麻豆| Xx性欧美肥妇精品久久久久久| 国产成人无码精品一区在线观看| 国产VA免费精品高清在线| 国产欧美精品一区二区三区四区| 国产亚洲精品线观看动态图|