Layui自定义表单校验规则

/**
 * 初始化表单元素
 */
function init_layuiform() {
    layui.use('form', function() {
        var form = layui.form();

        // 自定义校验规则
        //这个里面的title、number就写在Html 代码中lay-verify的属性值,即可
//例如:lay-verify="title"
        form.verify({
                    title : function(value) {
                        if (value.length < 5) {
                            return '至少输入5个字符啊';
                        }
                    },
                    number : [/^[0-9]*$/, '必须输入数字啊']
                });

        // 监听提交
        form.on('submit(formDemo)', function(data) {        
                    var url=’xxxxxxxxxxxxxxxxx’;        
                    $.ajax({
                                type : "POST",
                                url : url,
                                data : {
                                    s_form_data : JSON.stringify(data.field)
                                },
                                dataType : "text",
                                success : function(data) {
                                    if (data == 'ok') {
                                        layer.alert('申请成功', {
                                                    icon : 1
                                                });
                                    }

                                }
                            });
                    return false;
                });
        form.render(); // 更新全部
    });
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容