HTML部分
<form class="layui-form" action="insertEnterprise-jump.php" method="post">
<div class="layui-form-item">
<label class="layui-form-label">密碼</label>
<div class="layui-input-inline">
<input type="password" name="Epassword" lay-verify="required|pwd" class="layui-input"
placeholder="6到12位,且不能出現空格">
</div>
<label class="layui-form-label">確認密碼</label>
<div class="layui-input-inline">
<input type="password" lay-verify="required|confirmPass" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="submit" class="layui-btn" lay-submit="" lay-filter="formDemo">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
JS部分
注意需要調用jQuery。
layui.use('form', function () {
var form = layui.form;
var $ = layui.$ //由於layer彈層依賴jQuery,所以可以直接得到
, layer = layui.layer;
form.verify({
Eid: [
/^[\S]{5,5}$/
, '號碼必須5位數字!'
],
pwd: [
/^[\S]{6,12}$/
, '密碼必須6到12位,且不能出現空格'
],
confirmPass: function (value) {
if ($('input[name=Epassword]').val() !== value)
return '兩次密碼輸入不一致!';
}
});
//監聽提交
form.on('submit(formDemo)', function (data) {
// layer.msg(JSON.stringify(data.field));
return true;
});
});