1. 程式人生 > 實用技巧 >重大技術需求系統三

重大技術需求系統三

重大技術需求系統三

核心程式碼

//三級聯動
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)+'字'); 
	
	} 
} 

對多個文字框進行限制,只能順序錄入,對部分文字域進行字數限制並給與提示資訊,增設三級下拉文字框