layui 自定義表單驗證

 

<form id="form1" class="layui-form" action="提交路徑" method="post">

<div class="layui-form-item ">

　　<label class="layui-form-label">成本預算 <span style="color: red; font-size: 20px">*</span>: </label>
　　<div class="layui-input-block">

　　　　<input type="text" name="costbudget" lay-verify="required|validateMoney" placeholder="請輸入" autocomplete="off" class="layui-input">
　　</div>
</div>

</form>

js文件

<script type="text/javascript">
　　layui.use('form', function () {
　　var form = layui.form;

　　//自定義表單驗證（金額）
　　form.verify({
　　　　validateMoney: [
　　　　　　/^[+]{0,1}(\d+)$/  //正則表達式
　　　　　　,'金額只能為正整數'  //提示信息
　　　　]
　　});

//自定義表單驗證（地址鏈接）
form.verify({
address: [
/^((ht|f)tps?):\/\/[\w\-]+(\.[\w\-]+)+([\w\-\.,@?^=%&:\/~\+#]*[\w\-\@?^=%&\/~\+#])?$/
,'請輸入正確的地址鏈接，如：https://www.jd.com/'
]
});

</script>

*注：使用本方法請先引入layui依賴的layu.js和layui.css

一個小白的分享