Layui數(shù)據(jù)表格判斷編輯輸入的值,是否為我需要的類型詳解
因為很多使用layui插件做的表格都需要用到layui的表格編輯事件，但是編輯事件是可以隨意輸入值的，但是如果當我們的字段為數(shù)量的時候，又需要獲取到數(shù)量傳進控制器進行數(shù)據(jù)處理的時候，而控制器接收的數(shù)量為int類型。倘若我輸入的數(shù)量不是整數(shù)類型，那么就無法傳進控制器，直接報404，找不到url中的方法
所有在使用重載前，最好先對用戶輸入的值進行一下判斷，判斷是否符合條件，允許傳進控制器
比如我項目中的表格
我這個項目要求是，當用戶輸入的數(shù)量大于該商品在該倉庫的庫存時，就會提醒用戶，并且將數(shù)量的值，返回為用戶編輯前的值。
那么其中需要獲取到用戶還未編輯時的值，這個是最重要的
所以如何獲取到這個數(shù)據(jù)呢，這里可以使用layui的監(jiān)聽表頭工具事件
oldQuantity就是用戶編輯前的值了，
為什么說他是編輯前的值？？？
因為這個方法，是在點擊表頭為數(shù)量的單元格時，就會觸發(fā)，然后獲取表中的數(shù)據(jù)
而layui的表格編輯事件是當用戶寫完后，點擊空白才會觸發(fā)，就是因為這個先后的問題，所以使oldoldQuantity就成為了之前的舊的數(shù)據(jù)
那么接下來就是使用layui中的編輯監(jiān)聽事件進行對數(shù)據(jù)的處理判斷
我這里有2個if判斷，第一個是用于判斷用戶輸入的值是否大于庫存，如果是，則執(zhí)行
第二個是如果用戶輸入的是字母或者是符號亦或者空（””）則執(zhí)行
Obj.update是個方法，原來修改該行數(shù)據(jù)中字段的名稱，當然只是緩存的數(shù)據(jù)
所以還得使用重載，重新導入一下數(shù)據(jù)，重載中的Data就是重載回調的數(shù)據(jù)
然后傳進去后再傳出來就可以了
當然第二個if判斷中的方法也是一樣的思路
所以再當我們去輸入字母、符號的時候就會提示你“輸入的數(shù)量只能為整數(shù)”
以上這篇Layui數(shù)據(jù)表格判斷編輯輸入的值,是否為我需要的類型詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
IE FF都可以直接通過Frame的Name來訪問,但是FrameSet不支持name屬性2010-09-09
這篇文章主要介紹了JavaScript命名空間模式,結合實例形式分析了javascript命名空間模式的相關概念、原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細介紹了微信小程序canvas動態(tài)時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
本文主要講解了JavaScript閉包和回調,閉包的概念和特性,結合實例分析了使用步驟與方法2017-08-08
這篇文章主要介紹了微信小程序如何再次獲取用戶授權的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
下面小編就為大家?guī)硪黄猨s 兩個日期比較相差多少天的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
本文通過實例代碼給大家分享了BootStrap數(shù)據(jù)表格的相關知識，感興趣的朋友一起看看吧2017-09-09
小程序webView實現(xiàn)小程序內嵌H5頁面的全過程
在微信小程序中內嵌H5頁面是一種常見的需求,因為H5頁面具有靈活性和跨平臺性,可以彌補小程序原生代碼的不足,這篇文章主要給大家介紹了關于小程序webView實現(xiàn)小程序內嵌H5頁面的相關資料,需要的朋友可以參考下2024-07-07
bootstrap如何讓dropdown menu按鈕式下拉框長度一致
bootstrap框架提供了下拉菜單組件（dropdown），即點擊一個元素或按鈕，觸發(fā)隱藏的列表顯示出來。下面通過本文給大家介紹bootstrap如何讓dropdown menu按鈕式下拉框長度一致,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了JavaScript閉包相關知識解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10