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>
    
  • 相关阅读:
    通过smtp直接发送邮件
    C# 带参访问接口,WebClient方式
    ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction
    asp.net mvc Html.BeginForm()及Html.Action用法
    Knut重排算法
    C# copy() 与 Clone()区别
    oracle针对某列让特定信息排序[decode]
    oracle 创建表空间详细介绍
    【笔记】.NET开发环境下使用PostgreSQL+Oracle_fdw 实现两个数据库之间数据交互操作(二)
    【笔记】.NET开发环境下使用PostgreSQL+Oracle_fdw 实现两个数据库之间数据交互操作(一)
  • 原文地址:https://www.cnblogs.com/houchen/p/10964741.html
Copyright © 2011-2022 走看看