用户工具

站点工具


weui-form

form表单提交

<form id="form" action="" method="post">
    <div class="weui-cells__title">用户名</div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input class="weui-input" name="username" type="text" placeholder="请输入文本" emptyTips="请输入文本" value="murphy" required />
            </div>
        </div>
    </div>
    <div class="weui-cells__title">密码</div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <input class="weui-input" name="password" type="text" placeholder="请输入文本" emptyTips="请输入密码" notMatchTips="您输入的密码格式不对" value="" required pattern="REG_PASSWORD" />
            </div>
        </div>
    </div>
    <div class="weui-btn-area">
        <a class="weui-btn weui-btn_primary" href="javascript:formSubmit();">确定</a>
    </div>
</form>

<script type="text/javascript">
function formSubmit() {
    weui.form.validate('#form', function(error) {
        if (!error) {
            var loading = weui.loading('提交中...');
            let formArray = $("#form").serializeArray();
            let formObj = {};
            for (var i = 0; i < formArray.length; i++) {
                formObj[formArray[i].name] = formArray[i].value;
            }
            setTimeout(function() {
                loading.hide();
                weui.toast('提交成功', 3000);
            }, 1500);
        }
    }, {
        regexp: {
            PASSWORD: /^.{6,18}$/
        }
    });
}
</script>
weui-form.txt · 最后更改: 2021/12/23 17:19 (外部编辑)