鍍金池/ 問答/HTML5  HTML/ layui的表單提交為什么執(zhí)行了兩次

layui的表單提交為什么執(zhí)行了兩次

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

<title>Title</title>
<link rel="stylesheet"
      href="<%=request.getContextPath()%>/webjars/layui/2.2.5/css/layui.css">
<link rel="stylesheet"
      href="<%=request.getContextPath()%>/webjars/layui/2.2.5/css/modules/layer/default/layer.css">
<script language="JavaScript"
        src="<%=request.getContextPath()%>/webjars/jquery/3.2.1/dist/jquery.js"></script>
<script language="JavaScript"
        src="<%=request.getContextPath()%>/webjars/layui/2.2.5/layui.js"></script>
<script language="JavaScript"
        src="<%=request.getContextPath()%>/webjars/layui/2.2.5/lay/modules/layer.js"></script>
<script language="JavaScript"
        src="<%=request.getContextPath()%>/webjars/layui/2.2.5/lay/modules/element.js"></script>
<script language="JavaScript"
        src="<%=request.getContextPath()%>/webjars/layui/2.2.5/lay/modules/form.js"></script>


<script>
    layui.use("form", function () {
        var $form = layui.form, $ = layui.jquery;
        $form.verify({
            name:
                [
                    /^[a-zA-Z0-9]{6,12}$/
                    , '密碼必須6到12位，且不能出現(xiàn)空格'
                ]
        });

        $form.on("submit(formDemo)", function (data) {
            console.log(data);
            $.ajax({
                url: "<%=request.getContextPath()%>/user/layui",
                data: data.field,
                type: "post",
                dataType: "json",
                success: function (result) {
                    console.log(result);
                },
                error: function (result) {
                    console.log(result);
                }
            });
            return false;
        });
    });
</script>

</head>
<body>



<form class="layui-form">

<div class="layui-form-item">
    <label class="layui-form-label">賬號</label>
    <div class="layui-input-block layui-col-lg4">
        <input class="layui-input" type="text" name="id" placeholder="請輸入賬號"
               lay-verify="number" required>
    </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label">密碼</label>
    <div class="layui-input-block">
        <input type="password" name="name" lay-verify="name" class="layui-input" placeholder="請輸入密碼">
    </div>
</div>

<div class="layui-form-item">
    <div class="layui-input-block">
        <button class="layui-btn layui-btn-primary" type="button" lay-submit
                lay-filter="formDemo" id="login">登錄
        </button>
    </div>
</div>

</form>

</body>
</html>

提交表單之后為什么執(zhí)行了兩次？

回答
編輯回答
任她鬧

引入一下的方法，一次性引入所有js模塊。
<script language="JavaScript"

        src="<%=request.getContextPath()%>/webjars/layui/2.2.5/layui.all.js"></script>
2017年11月8日 03:36
編輯回答
莫小染

請問你是微信瀏覽器開發(fā)的嗎？

2017年11月21日 20:21
編輯回答
枕邊人

請問，這個問題解決了嗎現(xiàn)在？同樣遇到這個問題了

2017年4月2日 18:26