Layui數據表格判斷編輯輸入的值,是否為我需要的類型詳解

 更新時間:2019年10月26日 10:38:55   作者:唐鑫tx   我要評論
今天小編就為大家分享一篇Layui數據表格判斷編輯輸入的值,是否為我需要的類型詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

因為很多使用layui插件做的表格都需要用到layui的表格編輯事件,但是編輯事件是可以隨意輸入值的,但是如果當我們的字段為數量的時候,又需要獲取到數量傳進控制器進行數據處理的時候,而控制器接收的數量為int類型。倘若我輸入的數量不是整數類型,那么就無法傳進控制器,直接報404,找不到url中的方法

所有在使用重載前,最好先對用戶輸入的值進行一下判斷,判斷是否符合條件,允許傳進控制器

比如我項目中的表格

我這個項目要求是,當用戶輸入的數量大于該商品在該倉庫的庫存時,就會提醒用戶,并且將數量的值,返回為用戶編輯前的值。

那么其中需要獲取到用戶還未編輯時的值,這個是最重要的

所以如何獲取到這個數據呢,這里可以使用layui的監聽表頭工具事件

oldQuantity就是用戶編輯前的值了,

為什么說他是編輯前的值???

因為這個方法,是在點擊表頭為數量的單元格時,就會觸發,然后獲取表中的數據

而layui的表格編輯事件是當用戶寫完后,點擊空白才會觸發,就是因為這個先后的問題,所以使oldoldQuantity就成為了之前的舊的數據

那么接下來就是使用layui中的編輯監聽事件進行對數據的處理判斷

我這里有2個if判斷,第一個是用于判斷用戶輸入的值是否大于庫存,如果是,則執行

第二個是如果用戶輸入的是字母或者是符號亦或者空(””)則執行

Obj.update是個方法,原來修改該行數據中字段的名稱,當然只是緩存的數據

所以還得使用重載,重新導入一下數據,重載中的Data就是重載回調的數據

然后傳進去后再傳出來就可以了

當然第二個if判斷中的方法也是一樣的思路

所以再當我們去輸入字母、符號的時候就會提示你“輸入的數量只能為整數”

以上這篇Layui數據表格判斷編輯輸入的值,是否為我需要的類型詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • JS 實現Table相同行的單元格自動合并示例代碼

    JS 實現Table相同行的單元格自動合并示例代碼

    Table相同行的單元格自動合并,使用js來實現此效果,具體代碼下,感興趣的朋友可以參考下
    2013-08-08
  • js阻止瀏覽器默認行為的簡單實例

    js阻止瀏覽器默認行為的簡單實例

    下面小編就為大家帶來一篇js阻止瀏覽器默認行為的簡單實例。小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • JavaScript返回0-1之間隨機數的方法

    JavaScript返回0-1之間隨機數的方法

    這篇文章主要介紹了JavaScript返回0-1之間隨機數的方法,涉及javascript中Math對象random方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • JavaScript 圖片放大鏡(可拖放、縮放效果)

    JavaScript 圖片放大鏡(可拖放、縮放效果)

    背景:很久之前就在marry5.com看到這個效果,當時覺得很神奇,礙于水平有限,沒做出來。
    2008-09-09
  • JS修改地址欄參數實例代碼

    JS修改地址欄參數實例代碼

    本文給大家介紹js修改地址欄參數的實例代碼,并給大家附上用JS動態改變地址欄內容 window.location.href window.location.hash的方法,比較實用,需要的朋友參考下吧
    2016-06-06
  • javascript cookie的簡單應用

    javascript cookie的簡單應用

    這篇文章主要介紹了javascript cookie的簡單應用,我們先介紹一下cookie的使用,以及我后面簡單封裝一個cookie操作的單例,便于實現cookie的設置,獲取,刪除的方法,感興趣的小伙伴們可以參考一下
    2016-02-02
  • 詳解如何探測小程序返回到webview頁面

    詳解如何探測小程序返回到webview頁面

    這篇文章主要介紹了詳解如何探測小程序返回到webview頁面,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-05-05
  • 談談target=_new和_blank的不同之處

    談談target=_new和_blank的不同之處

    這篇文章主要介紹了target="_new"和"_blank"的區別實例詳解,非常不錯具有參考借鑒價值,需要的朋友可以參考下
    2016-10-10
  • 用javascript實現模擬火焰

    用javascript實現模擬火焰

    用javascript實現模擬火焰...
    2007-10-10
  • layer彈出層顯示在top頂層的方法

    layer彈出層顯示在top頂層的方法

    今天小編就為大家分享一篇layer彈出層顯示在top頂層的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09

最新評論

福建体育彩票时时彩11