使用layer彈窗提交表單時判斷表單是否輸入為空

阿新 • • 發佈：2018-11-10

使用layer彈窗提交表單時判斷表單是否輸入為空

獲得 layer 檔案包後，解壓並將 layer 整個資料夾（不要拆分結構）存放到你專案的任意目錄，使用時，只需引入 layer.js 即可
使用時一定他要先引入jq1.8，或者以上版本！！！
下面是提交表單的實列

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" 
 />
    <title></title>
    <script src="__STATIC__/js/mui.min.js"></script>
    <link href="__STATIC__/css/mui.min.css" rel="stylesheet"/>
    <script src="__STATIC__/layer/jquery-2.2.4.min.js"></script>
    <script src="__STATIC__/layer/layer.js"></script> 

    <script type="text/javascript" charset="utf-8">
        mui.init();
    </script>
</head>
<body>
        
        <center>
                <ul class="mui-table-view">
                <li class="mui-table-view-cell">商品入庫</li>
                </ul> 

        </center>
        
<form action="{:url('order')}" method="post" class="mui-input-group">
    <div class="mui-input-row">
        <label>商品單號：</label>
    <input type="text" class="mui-input-clear" placeholder="  請輸入使用者名稱" name="order" id="order">
    </div>
        <div class="mui-input-row">
                <label>商品名稱：</label>
        <input type="text" class="mui-input-clear" placeholder="  請輸入使用者名稱" name="name" id="name">
        </div>
        <div class="mui-input-row">
                <label>商品單價：</label>
        <input type="text" class="mui-input-clear" placeholder="  請輸入使用者名稱" name="money" id="money">
        </div>
        <div class="mui-input-row">
                <label>商品庫存：</label>
        <input type="text" class="mui-input-clear" placeholder="  請輸入使用者名稱" name="stock" id="stock">
        </div>
        <div class="mui-input-row">
                <label>商品備註：</label>
                <input type="text" class="mui-input-clear" placeholder="  請輸入密碼" name="remarks" id="remarks">
        </div>
    <div class="mui-button-row">
        <button type="submit" class="mui-btn mui-btn-primary" id="cx">確認</button>
    </div>
        
</form>
<script type="text/javascript">
   $(document).ready(function(){
        $('#cx').click(function(){  
            var $1 = $.trim($('#order').val());
            var $2 = $.trim($("#name").val());
            var $3 = $.trim($("#money").val());
            var $4 = $.trim($("#stock").val());
            var $5 = $.trim($("#remarks").val()); 
            if($1 == ''){  
                layer.msg('商品單號不能為空',function() {time:2000}); 
                return false;  
            }
            if($2 == ''){  
                layer.msg('請輸入商品名稱！',function() {time:2000});
                return false; 
            }
            if($3 == ''){  
                layer.msg('請輸入商品單價！',function() {time:2000});
                return false; 
            }
            if($4 == ''){  
                layer.msg('請輸入商品庫存！',function() {time:2000});
                return false; 
            }
         
        });  
    });
</script>
</body>
</html>

使用layer彈窗提交表單時判斷表單是否輸入為空

使用layer彈窗提交表單時判斷表單是否輸入為空獲得 layer 檔案包後，解壓並將 layer 整個資料夾（不要拆分結構）存放到你專案的任意目錄，使用時，只需引入 layer.js 即可使用時一定他要先引入jq1.8，或者以上版本！！！下面是提交表單的實列

PHP中if(isset($_POST['Submit']))是什麼意思，php提交表單時判斷 if($_POST[submit])與 if(isset($_POST[submit])) 的區別

isset -- 檢測變數是否設定判斷post過來的資料是否被提交過來，if(isset($_POST["submit"]){ echo "提交過來了"; }else { echo "submit is no come~"; } if(isset($_

ajax提交表單時阻止表單自動提交

ajax提交表單時，如果沒注意到在form標籤中新增onsubmit="return false;",簡直是惡夢，如果不加，表單會自動提交，action預設是當前頁面，然後你提交會一直重新整理頁面，並且在位址列會出現請求欄位。 =======================

layer彈窗第二個按鈕

icon title 千萬組件 func 彈窗 function 哈哈註意 layer彈窗組件，第二個按鈕是btn2，第三個按鈕是btn3。千萬別當成no了。哈哈。 layer.alert(‘確定刪除嗎？‘, { title: ‘提示‘, icon:

Thinkphp結合layer彈窗加ajax完成增刪改查方法

Thinkphp結合layer彈窗加ajax完成增加方法給每個input框繫結id就行了這是前端頁面 <!DOCTYPE html> <html> <head> {include file="public/head

layer彈窗如何關閉並開啟新頁面-圖片地址找不到的情況下設定預設圖片

之前看一個同事每天寫部落格，對學習有很大幫助，所以想效仿一下，不求太多，但求自己所得的知識能記的更深刻一點。今天是第一次，不做太多內容，就分享一下幾個小的知識點，本篇部落格因為內容比較零散，所以會不定期更新，知識點已經記牢的童靴，請自行忽略。一、layer彈窗

layer彈窗彈出位置不在瀏覽器視窗居中的問題的解決方法

問題描述： layer彈窗的彈出位置不在瀏覽器視口居中，而是根據頁面內容居中了，導致頁面內容很長時，看不到彈窗，滾動滾動條才能看到，通常情況下，這並不滿足需求。解決方法：使用parent.layer來呼叫彈窗，這樣，彈窗的位置就會相對於上一級的window定位，而不是當前所在的win

layer彈窗學習筆記

通過檢視官方文件，記錄下筆記僅作為自己學習資料使用 layer彈出層：作為獨立元件使用直接引入js。引入jQuery1.8以上的任意版本。基礎引數 type: 0（資訊框，預設）1（頁面層）2（iframe層）3（載入層）4（tips層）。 title - 標題: 型別：S

layer 彈窗載入層選擇框

首先依賴jquery 1.alert layer.alert("顯示資訊"); // 最基本的 layer.alert("顯示資訊", { icon: 0 , // 0~6 t

layer.close()或者layer.closeAll()失效的情況下強制關閉layer彈窗的方法

使用layer過程中有時會遇到close()或者closeAll方法失效使用下面方法可以強制關閉 //關閉layer func.layerCLose = function() {

django layer彈窗元件使用

父層： <div class="col-xs-12"> <div class="box"> <div class="box-header"> <

關於layer彈窗取值問題簡談

記錄日常:最近在使用layer彈窗控制元件的過程中，發現使用$().val()無法獲取input的值。當時和同事試了網上的各種val()取值的方法以及查詢了網上的原因，發現網上沒有一個合適解決的方法以及合理的解釋，真的很苦惱。後來同事發現了一個辦法，可以獲取值，但是可能造成頁

layer彈窗內新增文字框

var awards = ""; function confirmUpdateAward(i) { layer.open({ type: 1, closeBtn: false, shift: 7, shadeClose: true,

談談layer彈窗自定義樣式，防止樣式衝突問題(實習第七天)

如果在一個頁面中存在兩個以上的layer彈窗，那麼當我們修改其中一個彈窗的預設樣式的話，其他的彈窗就會受到影響，今天就來談談怎麼樣去避免樣式衝突。 layer自定義彈窗樣式問題情境：在一個全域性頁面中存在多個layer.open({});

layer__實現彈窗提交資訊

layer是非常好用的彈窗外掛，具體參見官方文件點選這裡進入。官方有很多示例，使用方法也非常簡單，引入官方下載的css和js就可以了。但是有時候，彈窗提醒並不能滿足我們的所有要求。例如，在獎品介面，希望點選“編輯獎品”的時候，能彈出對話方塊讓我們來填寫資訊，如下圖所示：

JQuery實現提交(submit)表單時候驗證所有文字框是否為空

先引用jquery Html部分--------------------------------- <form> <table> <tr> <td align="center"><input id="t

layer彈窗與ajaxSubmit的使用

layer彈窗的一些樣式問題

layer算現在比較火的前端框架了。由於本人審美太差，所以做前臺基本都是湊（can）合（bu）湊（ren）合（du），於是就有了這篇博。昨天在改一個頁面的彈窗樣式的時候搞得我不要不要的，頁面上有一個用來提示的layer彈窗，彈窗要給使用者提示一個訊息，還要提供給

postgresql當表存在時刪除表及當表不存在時刪除表操作

如果表不存在，而強行去刪除表，SQL會報錯；類似的如果表已經存在而強行去建立同名表，SQL會報錯。需要一種方法安全地刪除和建立表，解決方案的核心在於“exists”關鍵字。安全地刪除某表（drop

使用mybatis時Mapper.xml檔案中如何判斷多個引數不為空和null

第一種：使用where標籤 <select id="***" resultMap="BaseResultMap" parameterType="java.util.Map">select

使用layer彈窗提交表單時判斷表單是否輸入為空

使用layer彈窗提交表單時判斷表單是否輸入為空

相關推薦