zoukankan      html  css  js  c++  java
  • 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="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>
    
  • 相关阅读:
    时间过的好快啊
    IBM的 SOA架构设计还是写的很好的
    昨天尝试了Layout,也谈Silverlight的布局
    这几天忙着选车了!
    痛苦的事情是将自己的想法表达出来
    花了一天的工夫才写了一篇PPT
    昨天抄写了gameEnvironment的行为模式
    XMLHTTP对像异步请求四步曲
    第一篇: 第一个简单的vs 2008 ASP.NET Ajax 范例
    什么是 Silverlight?
  • 原文地址:https://www.cnblogs.com/houchen/p/10964741.html
Copyright © 2011-2022 走看看