layui自定義表單校驗

2021-08-13 14:09:28 字數 1723 閱讀 2680

自定義乙個金額的校驗

charset="utf-8">

自定義驗證title>

自定義驗證legend>

fieldset>

class="layui-form"

action="">

class="layui-form-item">

class="layui-form-label">金額label>

class="layui-input-inline">

type="number"

name="mymoney"

lay-verify="require|validatemoney"

placeholder="請輸入金額"

autocomplete="off"

class="layui-input">

div>

class="layui-form-mid layui-word-aux">請填寫最多兩位小數的金額div>

div>

class="layui-form-item">

class="layui-input-block">

class="layui-btn"

lay-submit=""

lay-filter="demo1">立即提交button>

type="reset"

class="layui-btn layui-btn-primary">重置button>

div>

div>

form>

src="../js/layui/layui.js"

charset="utf-8">

script>

layui.use(['form', 'layedit', 'laydate'], function

() }

});//監聽提交

form.on('submit(demo1)', function

(data) )

return

false;

});});

/*** 金額校驗

* @param money

* @returns

*/function

validatemoney

(money) )?$)|(^(0)$)|(^[0-9]\.[0-9]([0-9])?$)/;

if (reg.test(money))

return

"請輸入正確的金額,且最多兩位小數!";

}script>

body>

html>

element 表單自定義校驗

element 表單自定義校驗備份 涉及開始時間,結束時間,時間間隔 rules rules enddate maintaininterval maintaingrade 對應的規則說明 在data 中return上面宣告對應的規則 const enddaterules rule,value,cal...

Lay ui自定義radio表單驗證

由於無法通過required直接對radio或者check設定必填,因此採用自定義的表單驗證方式,最終結果如下圖。前端 此 用js拼接而成,html直接根據內容自主拼接即可 此js 為table自定義選項內容 return str return js form.verify 對非輸入框設定焦點 fo...

表單的自定義校驗規則

在工作中使用得挺多的表單自定義校驗規則的,所以打算記錄下來,以後需要的時候再來檢視.在utils資料夾下建立check.js檔案,然後就寫自定義校驗規則,在匯出,如下 const isvalidusername str const i ternal path 校驗手機號碼 正則 手機號 精確 移動 ...