重大技術需求系統三
阿新 • • 發佈:2021-01-03
重大技術需求系統三
核心程式碼
//三級聯動 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)+'字'); } }
對多個文字框進行限制,只能順序錄入,對部分文字域進行字數限制並給與提示資訊,增設三級下拉文字框