当前位置：首页 -> AI编程基础 -> JAVA

java_easyui体系之目录(二)

2014-11-24 07:20:06 · 作者: · 浏览: 10
标签: java_easyui 体系 目录
} } }); } } }], });$('#loginInputForm').form('submit',{...})、当点击登录按钮时会直接提交表单、红色部分可以对表单提交之前做一些操作、比如校验。

三：form注意事项


注意获取对象的不同、显示隐藏的时候、获取的是包含form表单的div、提交的是form。两者千万不要弄混了、所以使用jquery获取这两个节点时要注意id的区别、
1、获取div的id用于将div初始化成dialog： $('#divId').dialog(...);
2、获取div中的form的id用于初始化form表单：$('#formId').form(...);
3、三种提交表单方式：（1）在div中使用ajax提交、（2）将初始化好的表单提交：$('#formId').form().submit();（3）在登录按钮触发函数中$('#formId').form('submit',{xxx})

四：form提交网页完整（包括注册）

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<html>
  
    
    
    login

	
  
    
  
    
  
    <script type="text/java script" src="js/jquery.min.js">
    <script type="text/java script" src="js/jquery.easyui.min.js">
    <script type="text/java script">
    	/*
    		注意获取对象的不同、显示隐藏的时候、获取的是包含form表单的div、提交的是form。两者千万不要弄混了、所以使用jquery获取这两个节点时要注意id的区别、
    		1、获取div的id用于将div初始化成dialog： 		$('#divId').dialog(...);
    		2、获取div中的form的id用于初始化form表单：	$('#formId').form(...);
    		3、三种提交表单方式：（1）在div中使用ajax提交、（2）将初始化好的表单提交：	$('#formId').form().submit();（3）在登录按钮触发函数中$('#formId').form('submit',{xxx})
    	*/
    
    	//节点的引用、当被初始化一次之后、后面就可以直接拿来使用了
    	var loginAndregist;
    	var loginInputForm;
    	var registForm;
    	$(function(){
    		//初始化登录窗口
    		loginAndregist = $('#loginAndregist').dialog({
    			closable:false,
    			modal:true,
    			draggable:false,
    			buttons:[{
    				text:'注册',
    				handler:function(){
    					$('#regist').dialog('open');
    				}
    			},{
    				text:'登录',
    				handler:function(){
    					//loginInputForm.submit();
    					
    					if( $('#loginInputForm').form('validate')){
	    					$.ajax({
	    						url:'login_login.action',
	    						data:$('#loginInputForm').serialize(),
	    						cache:false,
	    						dataType:'text',
	    						success:function(r){
	    							console.info(r);
	    							if(r == "success"){
	    								$('#loginAndregist').dialog('close');
	    								$.messager.show({
	    									title : '提示',
	    									msg : '登录成功'
	    								});
	    							}else{
	    								$.messager.alert('标题','用户名密码错误');	
	    							}
	    						}
	    					});
    					}
    					/*
    					if( $('#loginInputForm').form('validate')){
    						$('#loginInputForm').form('submit',{
       						 url:'login_login.action',
       						 onSubmit: function(){  
       							 console.info('do some check !');
       						  },
      			    			  success : function(r){
      			    				console.info(r);
      			    				console.info(r);
	    							if(r == "success"){
	    								$('#loginAndregist').dialog('close');
	    								$.messager.show({
	    									title : '提示',
	    									msg : '登录成功'
	    								});
	    							}else{
	    								$.messager.alert('标题','用户名密码错误');	
	    							}
      			    			 }
       					 	});
    					}*/
    				}
    			}],
    		});
    		//初始化登录表单
    		loginInputForm = $('#loginInputForm').form({
    			url:'login_login.action',
    			success:function(r){
					console.info(r);
					if(r == "success"){
						$('#loginAndregist').dialog('close');
						$.messager.show({
							title : '提示',
							msg : '登录成功'
						});
					}else{
						$.messager.alert('标题','用户名密码错误');	
					}
				}
    		});
    		
    		//初始化注册窗口
    		$('#regist').show().dialog({
    			modal:true,
    			closed:true,
    			draggable:true,
    			buttons:[{
    				text:'确认',
    				handler:function(){
    					$('#registForm').submit();
    				}
    			},{
    				text:'取消',
    				handler:function(){
    					$('#regist')