layui同步富文本到文本域

最新推荐文章于 2024-04-16 04:56:51 发布

儒雅随和林林

最新推荐文章于 2024-04-16 04:56:51 发布

阅读量314

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/wenrou_linlin/article/details/119214463

版权

这篇博客介绍了如何在layui框架下结合layedit富文本编辑器，设置自定义验证规则，并监听表单提交事件进行数据同步与验证。通过阻止默认的表单提交行为，利用FormData对象和Ajax发送POST请求，实现异步提交到后台接口。

摘要由CSDN通过智能技术生成

这里富文本编辑器同步到文本域必须在监听提交才可以生效，否则在另外的别的事件function（）方法无法生效

layui.use([‘form’, ‘layer’,‘layedit’,‘jquery’],function() {
var $ = layui.$;
var form = layui.form,
layer = layui.layer;
//富文本编辑器
var layedit = layui.layedit;

    var index =layedit.build('classdesc', {
        height: 150, //设置编辑器高度
        tool: ['left', 'center', 'right']
    });

    //自定义验证规则
    form.verify({
        classdesc: function(value) {
            return layedit.sync(index);
        }
    });



    //监听提交
    form.on('submit(add)',function(data) {


        event.preventDefault();
        var form =document.getElementById('form');

        formdata = new FormData(form);

        //{cateid:cateid,classname:classname,classdesc:classdesc,classimg:classimg}
        var url="{:url('cate/cate_son_do')}";
        //发送ajax
        $.ajax({
            url:url,
            data:formdata,
            dataType:'json',
            method:'post',
            processData: false, // 默认true
            contentType: false,
            success:function(res){

                // console.log(res);



            }
        });






            return false;
    });

});