newyoung

newyoung

80飞吻 2016-5-9 加入 来自海淀

(无可奈何花落去,似曾相识燕归来)

newyoung 最近的回答

  • 2019-5-16 15:8:55form表单中存在动态添加的dom元素,表单提交的时候页面被清空了中回答:

    $(":button").click(function () {    
    $(this).parent().parent().remove();
    var height1=$(document.body).height()+10;
    $(window.parent.document).find("#myiframe").attr("height",height1);
    resetTableIndex();
    form.render();
    });
    感谢@红烧鱼i,问题出在这里,删除行的选择器不够准确导致整个form被删除
  • 2019-5-16 14:53:7form表单中存在动态添加的dom元素,表单提交的时候页面被清空了中回答:

    @红烧鱼i 984468925
  • 2019-5-16 14:46:59form表单中存在动态添加的dom元素,表单提交的时候页面被清空了中回答:

    @红烧鱼i 你QQ多少,我发你文件
  • 2019-5-16 14:25:32form表单中存在动态添加的dom元素,表单提交的时候页面被清空了中回答:

    这是源码可以看看
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>layui在线调试</title>
    <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css?t=1554901098009" media="all">
    <style>
    body{margin: 10px;}
    .demo-carousel{height: 200px; line-height: 200px; text-align: center;}
    </style>
    </head>
    <body>
    <form class="layui-form" id="saveForm" lay-filter="saveForm">
    <div class="yy01C">

    <div class="layui-form-item layui-item-row">
    <div class="layui-inline">
    <label class="layui-form-label"><i>*</i>姓名</label>
    <div class="layui-input-block">
    <input type="text" name="userName" placeholder="请输入姓名" id="userName" value="" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
    </div>
    </div>
    </div>

    <div class="layui-form-item">
    <div class="layui-inline">
    <label class="layui-form-label"><i>*</i>生日</label>
    <div class="layui-input-block">
    <input type="text" name="birth" lay-verify="required" lay-vertype="tips" value="" readonly="readonly" placeholder="请选择" autocomplete="off" class="layui-input" id="birth" lay-key="1">
    </div>
    </div>
    <div class="layui-inline">
    <label class="layui-form-label"><i>*</i>城市</label>
    <div class="layui-input-block">
    <select name="city" class="layui-select" lay-verify="required">
    <option value=""></option>
    <option value="0">北京</option>
    <option value="1">上海</option>
    <option value="2">广州</option>
    <option value="3">深圳</option>
    <option value="4">杭州</option>
    </select><div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="请选择" value="" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit" style=""><dd lay-value="" class="layui-select-tips layui-this">请选择</dd><dd lay-value="0" class="">北京</dd><dd lay-value="1" class="">上海</dd><dd lay-value="2" class="">广州</dd><dd lay-value="3" class="">深圳</dd><dd lay-value="4" class="">杭州</dd></dl></div>
    </div>
    </div>
    </div>
    <div class="layui-form-item layui-item-row">
    <div class="layui-inline">
    <label class="layui-form-label"><i>*</i>成绩</label>
    <div class="layui-input-block">
    <input type="text" name="score" placeholder="请输入成绩" value="" lay-verify="required|Score" lay-vertype="tips" autocomplete="off" class="layui-input">
    </div>
    </div>
    </div>

    <div class="layui-form-item layui-item-row">
    <div class="layui-inline">
    <label class="layui-form-label"><i>*</i>成绩</label>
    <div class="layui-input-block">
    <table cellspacing="0" cellpadding="0" id="table_score" class="layui-table form-table">
    <thead>
    <tr>
    <th width="60%">科目名称</th>
    <th width="40%">分数<a href="javascript:void(0)" id="addScore" class="addholder"><i>添加</i></a></th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td><input type="text" class="table-input" name="scoreList[0].scoreName" lay-verify="required" lay-vertype="tips" autocomplete="off"></td>
    <td><input type="text" class="table-input table-input-opcol" name="scoreList[0].scoreVal" lay-verify="required|rate" lay-vertype="tips" autocomplete="off"><input type="button" class="delholder layui-btn-xs" value="删除"></td>
    </tr>
    </tbody>
    </table>

    </div>
    </div>
    </div>
    <div class="layui-form-item layui-item-row">
    <div class="layui-inline">
    <label class="layui-form-label">备注</label>
    <div class="layui-input-block">
    <textarea name="memo" placeholder="请输入内容" class="layui-textarea"></textarea>
    </div>
    </div>
    </div>
    <div class="layui-form-item form-item-center">
    <!-- <input type="hidden" name="teacher.teacherName" value="马老师" />
    <input type="hidden" name="teacher.teacherSex" value="男" />
    <input type="hidden" name="teacher.teacherAge" value="30" />-->
    <button class="layui-btn" lay-submit="" lay-filter="saveData">保存</button>
    <input type="button" id="cancle" class="layui-btn layui-btn-primary" value="取消">
    </div>
    </div>
    </form>
    <script src="//res.layui.com/layui/dist/layui.js?t=1554901098009"></script>
    <script type="text/javascript">
    layui.use(['form','laydate'], function(){
    //弹出窗口成功后渲染表单
    var $ = layui.$;
    var form = layui.form;
    var laydate=layui.laydate;

    //执行一个laydate实例
    laydate.render({
    elem: '#birth', //指定元素
    trigger: 'click'
    });

    //兴趣多选框
    form.on('checkbox(interest)', function(data){//interest是lay-filter的值
    var value=data.value;
    var interest=$("#interest").val();
    if(interest){
    var index=interest.indexOf(value);
    var splitIndex=interest.indexOf(",");
    if(index!=-1){//已存在
    if(data.elem.checked==false){//选项取消
    if(index==0){//在首位
    if(splitIndex==-1){//只选中了一个值
    interest=interest.replace(value,"");
    }else{//选中了多个值
    interest=interest.replace(value+",","");
    }
    $("#interest").val(interest);
    }else{//在其他位置
    interest=interest.replace(","+value,"");
    $("#interest").val(interest);
    }
    }
    }else{//不存在
    if(data.elem.checked){
    interest=interest+","+value;
    $("#interest").val(interest);
    }
    }
    }else{
    if(data.elem.checked){
    $("#interest").val(value);
    }
    }
    });
    //默认选中checkbox
    var interest=$("#interest").val();
    if(interest){
    var arrays=interest.split(",");
    for(var i=0;i<arrays.length;i++){
    $("input[lay-filter='interest']").each(function(){
    if ($(this).val() == arrays[i]) {
    this.checked=true;
    }
    });
    }
    }
    form.render('checkbox')

    form.verify({
    IsAge: function(input) {
    var regex = /^(?:[1-9][0-9]?|1[0-9][0-9]|200)$/;
    if(!input.match(regex)) {
    return "请输入正确的年龄";
    }
    },
    Score: function(input) {
    var regex =/^(100|([1-9][0-9]{0,1}|[0-9])(\.\d?\d?)?)$/;
    if(!input.match(regex)) {
    return "请输入正确的成绩(0~100)";
    }
    }
    });

    /**保存*/
    form.on("submit(saveData)",function(data){ //saveData 为lay-filter的值

    layer.msg(data.field);
    return false;
    });

    $("#addScore").click(function () {
    var tr = "<tr ><td><input type='text' class='table-input' name='' lay-verify='required' lay-verType='tips' autocomplete='off' /></td><td ><input type='text' name='' lay-verify='required|rate' lay-verType='tips' autocomplete='off' class='table-input table-input-opcol' /><input type='button' class='delholder layui-btn-xs' value='删除'></td></tr>";
    $("#table_score").append(tr);
    resetTableIndex();
    form.render();
    var height=$(document.body).height()+10;
    $(window.parent.document).find("#myiframe").attr("height",height);

    $(":button").click(function () {
    $(this).parent().parent().remove();
    var height1=$(document.body).height()+10;
    $(window.parent.document).find("#myiframe").attr("height",height1);
    resetTableIndex();
    form.render();
    });
    });
    //重新根据表格下标设置文本框名称
    function resetTableIndex(){
    $("#table_score tbody tr").each(function(index){
    $(this).find("td").eq(0).find("input").attr("name",'scoreList['+index+'].scoreName');
    $(this).find("td").eq(1).find("input[type='text']").attr("name",'scoreList['+index+'].scoreVal');
    });
    }



    //取消
    $("#cancle").click(function(){
    layer.msg("取消了");

    });
    });
    </script>
    </body>
    </html>
  • 2019-5-16 14:22:54form表单中存在动态添加的dom元素,表单提交的时候页面被清空了中回答:

    @红烧鱼i 我可以给你发页面源码,你执行一次就知道有没有了,这个绝对有问题
  • 2017-12-26 15:13:28layui在IE8下报js错误中回答:

    @贤心 已经改好了
  • 2017-12-26 15:12:43layui在IE8下报js错误中回答:

    IE8报错的两个位置已经改好了,改动了两行源码,希望贤心大大下次版本更新能更新一下

  • 2017-12-26 14:0:48layui.data() 支持IE8吗?中回答:

    我也遇到了IE8不兼容的问题,其中layui.js里边的localStorage和form.js的option都会有报错
  • 2017-12-24 19:32:32layui在IE8下报js错误中回答:


    这个是在win7下的真是IE8环境下出现的
  • 2017-12-24 19:8:30layui在IE8下报js错误中回答:

    @贤心 在IE8下localStorage和form的options都会报错
  • 2017-12-24 19:6:40layui在IE8下报js错误中回答:

    form.js也会报错
  • 2017-12-24 17:47:43layui table 单选框中回答:

    其实楼主不用写这么多来实现单选按钮,需要用单选按钮的那一列直接用tpl生成就行了
  • 2017-12-22 15:10:5form表单校验在错误后下拉框获得焦点但是没有显示在可见区域中回答:



    @贤心 贤心大大,快来看看吧,这是拿咱们的示例举的例子,下拉框的错误不能处理滚动条到错误元素位置啊
  • 2017-12-15 14:34:18如何动态的将disabled单选框激活???中回答:

    采纳我就行了
  • 2017-12-8 18:0:23layui 2.2.4 与 2.2.45 发布,优化了较多问题中回答:

    @贤心
    数据表格中如果字段名字过长会出现省略号,这个可以不可以做成可以配置的,自己控制是否出现省略号,因为我需要出现省略号的字段添加点击事件弹出对话框。目前的情况是这样的

  • 2017-12-7 16:47:48form表单校验在错误后下拉框获得焦点但是没有显示在可见区域中回答:

    @贤心
    tip确实可以定位到触发错误的标签上了,但是如果页面很长,input标签会滚动到input附近,使得错误信息可见,但是select的不会自动滚动屏幕到犯错位置
  • 2017-12-7 16:47:25form表单校验在错误后下拉框获得焦点但是没有显示在可见区域中回答:

  • 2017-12-5 11:0:47form表单校验在错误后下拉框获得焦点但是没有显示在可见区域中回答:

    暂时还没解决
  • 2017-12-5 10:28:8form表单校验在错误后下拉框获得焦点但是没有显示在可见区域中回答:

    重大bug啊@贤心 希望可以尽快解决这个问题
  • 2017-11-30 11:16:3layer怎么在提交完成之后自动关闭弹出层 中回答:

    //当你在iframe页面关闭自身时
    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    parent.layer.close(index); //再执行关闭
  • 2017-11-24 15:6:26希望select可以支持动态加载数据,并且可以支持多选中回答:

    @贤心 大神快来瞅瞅啊
  • 2017-11-21 16:56:48table 分页栏显示不全 更新到2.2.2 还是一样中回答:

    我这里可以啊,是不是有其他什么影响了css样式
  • 2017-11-7 19:34:6layui 将在后续版本中做出以下重点调整,开发者必看中回答:

    数据列宽度自适应,表头文字居中,可以控制数据表格的左右对齐方式,期待中~~~~~~
  • 2017-11-6 16:34:24希望table插件尽快可以支持远程排序,有这个需求啊中回答:

    @kkloveit 还不知道呢,等着贤心的2.2版本吧
  • 2017-11-1 10:19:38layui的数据表格什么时候可以自适应宽度,每次都占不满中回答:

    @小明2 热切期盼2.2版本啊
  • 2017-10-26 10:22:32作者或许真的很忙,对于LayIM的部署我有些疑问他是爱理不理哦中回答:

    未定义123[思考]
  • 2017-10-26 10:16:52因不可抗拒的因素导致跳票,抱歉了中回答:

    心姐辛苦了
  • 2017-10-12 10:58:1layui 服务器稳定性众筹支持计划(已达成)中回答:

    支持一下
  • 2017-10-12 10:54:9layui 服务器连续遭受 DDoS 攻击的事件记录中回答:

  • 2017-10-9 14:31:33【重磅】攻击者之一的真实 IP 已经暴露中回答:

    弄死他,小样的太牛逼了