easyUi 的form和validate組件


以下代碼不能運行,只是我在學習過程中記錄的筆記,但代碼可以用!!!

可以按照需要截取。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
	//ajax的提交方式
	$.ajax({
		//提交的資源地址
		url:'UserController/login',
		//向資源地址提交的數據    serialize()方法會自動的列出表單中的數據
		data:$("#loginInputForm").serialize(),
		cache:false,
		//服務器端返回的數據類型
		dataType:'json',
		//服務器端執行成功后的回調函數
		success:function(r){    
	    	//將json形式的字符串轉化為json對象
		     // r=eval("("+r+")");  //javascript
		   		$.parseJSON(r);     //jQuery
		    	//登陸成功
		        if(r&&r.success){
		        	//關閉登錄的對話框
		        	loginAndRegDialog.dialog('close');
		        	$.message.show({
		        		title:'提示',
		        		msg:r.msg
		        	});
		        }else{
		        	$.message.alert('標題',r.message);
		        }
		  }    
	});



   //easyui-form表單的提交
	loginInputForm=$("#loginInputForm").form('submit',{
		//表單提交的地址
		url:'UserController/login',
		//表單提交之前的回調函數
		onSubmit: function(){    
	          
	    },   
	    /* 表單提交成功后的回調函數,r為后台傳回的對象
	    //當使用easyUi的表單提交時,后台返回的r其實是一個json的字符串
	    //需要使用js的eval()函數將字符串轉化為json對象 
	             而ajax提交則不可能有這個問題,因為ajax中指定了  返回的數據類型*/
	    
	    success:function(r){    
	    	//將json形式的字符串轉化為json對象
	     // r=eval("("+r+")");  //javascript
	   		$.parseJSON(r);     //jQuery
	    	//登陸成功
	        if(r&&r.success){
	        	//關閉登錄的對話框
	        	loginAndRegDialog.dialog('close');
	        	$.message.show({
	        		title:'提示',
	        		msg:r.msg
	        	});
	        }else{
	        	$.message.alert('標題',r.message);
	        }
	    }    
	});
</script>
</head>
<body>
	<div id="loginAndRegDialog" title="用戶登錄" style="width:250px;height:200px">
		<form id="loginInputForm">
			<table>
				<tr>
					<th aligh="right">用戶名</th>
					<td><input name="name" class="easyui-validatebox"/></td>
				</tr>
				<tr>
					<th aligh="right">用戶名</th>
					<td><input name="password" type="password" class="easyui-validatebox" required="true"/></td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM