layui的form表单提交数据，layui的select框默认选中

1.提交数据

1.1html

<form class="layui-form" action="" method="">     <div class="logi_content">         <p class="tit">管理系统</p>          <div class="layui-form-item"><label class="layui-form-label">账号：</label><div class="layui-input-block"><input type="text" name="username" lay-verify="required|username" autocomplete="on" placeholder="请输入您的邮箱" class="layui-input"></div></div>           <div class="layui-form-item"><label class="layui-form-label">密码：</label><div class="layui-input-block"><input type="password" name="password" lay-verify="required|pass" autocomplete="on" placeholder="请输入密码" class="layui-input"></div></div>         <ul class="login_ul">              <li class="de_lu"><img src="__IMG__/select.png" alt="" class="select" /><img src="__IMG__/selected.png" alt="" class="selecteds" /> 自动登录</li>              <li class="forgit">                    <a href="">忘记密码?</a></li></ul>           <ul class="reset">             <li class="di">                    <a class='enterSubmit' id='enterSubmit' lay-submit lay-filter="demo1">登录</a></li>                <li class="re">                    <a href="">重置</a></li></ul></div>
</form>

1.2提交

1.2.1一种是通过form标签提交，action里写提交地址，method写提交方式（post或者get）

<form class="layui-form" action="提交地址" method="提交方式">

1.2.2通过ajax方式

layui.use(['layer', 'upload', 'form'], function() {          var layer = layui.layer,form = layui.form;         /*** 通用表单验证*/     form.verify({              username: [/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, '账号格式不正确'],              pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格']          });           /*** 通用表单提交(AJAX方式)*/     form.on('submit("demo1")', function(data) {            $.ajax({                 url: '提交地址',                 type: '提交方式',                 data: $(data.form).serialize(),                 success: function(info) {                     if(info.code === 1) {                         setTimeout(function() {                             location.href = info.url;                         }, 1000);                     }else{layer.msg(info.msg); }                    }             });             return false;          });
});
//回车键触发提交$("input").keydown(function(event) {                if(event.keyCode == 13) {                    document.getElementById("enterSubmit").click();                }
})

2.说明

（1）推荐使用js提交，通过ajax的方式，因为，表单提交如果成功会给用户一个提交成功的提示信息，如果提交失败会给用户一个提交失败的信息；

（2）须要给按钮添加lay-filter，在提交时要用到；

转载地址：https://blog.csdn.net/longzai89757/article/details/79698780

3.layui的select框默认选中

3.1代码

$("#selected").find("option[value='xxx']").prop("selected",true);
form.render();

3.2社区中有提到 https://fly.layui.com/jie/25792/

layui的form表单提交数据，layui的select框默认选中相关推荐

Django(part17)--form表单提交数据
学习笔记,仅供参考,有错必纠 form表单 form表单的主要作用是和服务器进行交互,为服务器端提供数据. name属性 form表单有name属性,name属性类似于客户端与服务器端之间的约定. f ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
form表单提交数据的同时上传文件代码示例
form表单提交数据的同时在表单中上传文件代码示例一.定义页面注意:在form表单中加入属性 enctype="multipart/form-data" 表示此表单支持文件上 ...
form表单提交数据不让跳转办法
form表单提交数据不让跳转办法应用场景: 1.弹出层 2.需要连续提交多条记录的情况 3.页面多个存在提交事件,需要局部提交情况方法一:加个return false,阻止表单跳转 <for ...
element form表单提交数据之后清空所有输入框
element form表单提交数据之后清空所有输入框首先el-form标签上的ref属性名和调方法名统一,还有要绑定所有表单数据的一个大对象就是 :model属性,然后prop属性绑定的值要和v- ...
JS动态模拟Form表单提交数据
分享知识传递快乐 JS动态模拟Form表单提交数据 <!DOCTYPE html> <html lang="en"> <head><m ...
html 提交form表单提交数据格式,form表单提交数据
form表单提交的几种方法 HTML表单提交的几种方式方式一:通过submit按钮提交方式二:通过一般按钮button提交1/3javascript">functionsubmit1( ...
html表单数据提交服务器,form表单提交数据到服务器
[TOC] >[success] # form表单提交数据到服务器 ~~~ 下面案例通过'form表单'的方式提交给后台数据,在'index.html'页面'input'中输入内容提交给后台, ...
form表单提交数据如何拿到返回值
form表单提交数据如何拿到返回值文章目录 form表单提交数据如何拿到返回值 @[TOC](文章目录) 前言一.如何拿到返回值二.在这个过程中也会遇到一些问题总结前言使用form表单提交 ...

layui的form表单提交数据，layui的select框默认选中

layui的form表单提交数据，layui的select框默认选中相关推荐

最新文章

热门文章