重大技术需求系统三
作者:互联网
重大技术需求系统三
核心代码
//三级联动
layui.config({
base : './'
}).extend({
selectN: 'layui/layui-select-ext/layui_extends/selectN',
selectM: 'layui/layui-select-ext/layui_extends/selectM',
}).use(['layer','form','jquery','selectN','selectM'],function(){
$ = layui.jquery;
var form = layui.form
,selectN = layui.selectN
,selectM = layui.selectM;
//无限级分类-基本配置
//无限级分类-所有配置
var catIns2 = selectN({
//元素容器【必填】
elem: '#cat_ids2'
//候选数据【必填】
,data: subjectData
//设置了长度
,width:null
//默认值
,selected: [6,10,11]
//为真只取最后一个值
,last:true
//空值项提示,可设置为数组['请选择省','请选择市','请选择县']
,tips: '请选择'
//事件过滤器,lay-filter名 不设置与选择器相同(去#.)
,filter: ''
//input的name 不设置与选择器相同(去#.)
,name: 'cat2'
//数据分隔符
,delimiter: ','
//数据的键名
,field:{idName:'id',titleName:'title',childName:'children'}
//表单区分 form.render(type, filter); 为class="layui-form" 所在元素的 lay-filter="" 的值
,formFilter: null
});
var catIns1 = selectN({
//元素容器【必填】
elem: '#cat_ids1'
//候选数据【必填】
,data: usageData
//设置了长度
,width:null
//默认值
,selected: [6,10,11]
//为真只取最后一个值
,last:true
//空值项提示,可设置为数组['请选择省','请选择市','请选择县']
,tips: '请选择'
//事件过滤器,lay-filter名 不设置与选择器相同(去#.)
,filter: ''
//input的name 不设置与选择器相同(去#.)
,name: 'cat1'
//数据分隔符
,delimiter: ','
//数据的键名
,field:{idName:'id',titleName:'title',childName:'children'}
//表单区分 form.render(type, filter); 为class="layui-form" 所在元素的 lay-filter="" 的值
,formFilter: null
});
//通过js动态选择
$('.set1').click(function(){
catIns1.set([6,10]);
});
//通过js动态选择
$('.set2').click(function(){
tagIns1.set([12,13,14,15]);
});
});
</script>
//字数验证
function chkmaxsms(vobj1,vmax)
{ var str=vobj1.value;
var strlen=str.length;
if(strlen>vmax){
alert('需求概述字数超过限'+vmax+'制'+'目前超出'+(strlen-vmax)+'字');
}
}
function chkmaxsms2(vobj1,vmax)
{ var str=vobj1.value;
var strlen=str.length;
if(strlen>vmax){
alert('简介字数超过限'+vmax+'制'+'目前超出'+(strlen-vmax)+'字');
}
}
对多个文本框进行限制,只能顺序录入,对部分文本域进行字数限制并给与提示信息,增设三级下拉文本框
标签:需求,selectN,重大,form,layui,系统,filter,var,vmax 来源: https://www.cnblogs.com/2506236179zhw/p/14226349.html