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 · 最后更改: 2024/10/28 11:01 由 127.0.0.1
