easyUi 的form和validate组件

[亡魂溺海] 提交于 2020-02-14 23:09:06

以下代码不能运行,只是我在学习过程中记录的笔记,但代码可以用!!!

可以按照需要截取。

<%@ 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>

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!