jQuery EasyUI API 中文文件 - 表單(form補充)

weixin_33816946發表於2019-01-08
繼承(表單驗證)
第一個引數如果是true那麼就算key相同也會接著追加,相反怎會覆蓋
$.extend([bool],obj,obj1);
var obj = {name:"zhangsan"};
var obj1 = {age:1};
var obj2 = $.extend({},obj,obj1);//是把obj物件和obj1物件賦值給空物件,然後再賦值給


obj2物件則obj2物件列印的結果是:{name:"zhangsan",age:1}


$.extend($.fn.validatebox.defaults.rules,{
	//max自定義驗證規則的名稱
	max:{
		//validate具體驗證方法
		//value輸入的值
		//param是驗證型別中括號的內容
		validate:function(value,param){
			//返回false表示驗證失敗,返回true表示驗證成功
		}
	message:"你必須大於{0}"//驗證失敗的提示內容
	}
})




$(fucntion (){
	$("#age").numberbox({//numberbox是在輸入數字的時候用,validatebox字串可以用
		required:true,
		validType:"max[5]"	
	})
})
<input type="text" name="age" id="age">
表單提交
$(fucntion (){
	//提交
	$("#submit1").click(fucntion (){
		$("#aa").form("submit",{
			url:"",//提交地址
			//提交前執行的方法
			onSubmit:function(){
				//如果return false則停止提交
				return $("#ff").form("validate");//驗證表單是否合法},//提交成功後執行的方法
				success:fucntion(data){console.log(data);//返回的資料}
		})
	});
	//清空
	$("#qingchu").click(fucntion (){
		$("#aa").form("clear");
	});
	//載入
	$("#jiazai").click(fucntion (){
		var obj = {name:'admin'};
		$("#aa").form("load",obj);
	});
})
<form id="aa">
	<input type="text" name="username"/>
	<input type="button" value="提交" id="submit1"/>
	<input type="button" value="清空" id="qingchu"/>
	<input type="button" value="載入" id="jiazai"/>
</form>


相關文章