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>
    
  • 相关阅读:
    spring cloud 和 阿里微服务spring cloud Alibaba
    为WPF中的ContentControl设置背景色
    java RSA 解密
    java OA系统 自定义表单 流程审批 电子印章 手写文字识别 电子签名 即时通讯
    Hystrix 配置参数全解析
    spring cloud 2020 gateway 报错503
    Spring Boot 配置 Quartz 定时任务
    Mybatis 整合 ehcache缓存
    Springboot 整合阿里数据库连接池 druid
    java OA系统 自定义表单 流程审批 电子印章 手写文字识别 电子签名 即时通讯
  • 原文地址:https://www.cnblogs.com/houchen/p/10964741.html
Copyright © 2011-2022 走看看