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

可以按照需要截取。

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

easyUi 的form和validate组件的更多相关文章

  1. 第二百二十一节，jQuery EasyUI，Form(表单)组件

    jQuery EasyUI,Form(表单)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Form(表单)组件的使用方法,这个组件不依赖于 ...

  2. easyUI之Form(表单)组件

    一.对于在easyui中使用的组件,具有输入.输出功能的使用<input>标签,其它的使用<div>标签. 二.对于<input>标签,在使用过程,将name属性和 ...

  3. Form( 表单) 组件

    本节课重点了解 EasyUI 中 Form(表单)组件的使用方法, 这个组件不依赖于任何组件.一． 加载方式表单组件只能在 JS 区域设置,首先定义一张表单.<form id="box ...

  4. 第二百一十一节，jQuery EasyUI，ValidateBox(验证框)组件

    jQuery EasyUI,ValidateBox(验证框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 4.自定义验证 本节课重点了解 EasyUI 中 ValidateBox(验证框 ...

  5. 给EasyUi的Form加入自己主动填充部分输入框的方法

    依据项目须要,基于获取的数据对Form的部分输入框进行填充,而默认的EasyUI的Form 没有该方法.仅仅能一个输入框一个输入框的直接赋值,为此添加了Form对象的setValues,实现依据给定的 ...

  6. 封装Vue Element的form表单组件

    前两天封装了一个基于vue和Element的table表格组件,阅读的人还是很多的,看来大家都是很认同组件化.高复用这种开发模式的,毕竟开发效率高,代码优雅,逼格高嘛.虽然这两天我的心情很糟糕,就像& ...

  7. 解析：使用easyui的form提交表单，在IE下出现类似附件下载时提示是否保存的现象

    之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的f ...

  8. EasyUI之Form load函数IE8下设置Radio或Checkbox的BUG

    EasyUI的form的load函数很好用,表单赋值就靠它了,简单方便.我们可以指定url以Ajax加载,如: 1: $('#ff').form('load', 'ajax/common') JSON ...

  9. Django Form表单组件

    Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否 ...

随机推荐

  1. python从入门到放弃之anconada真愁人

    原先未使用anconada,用的python2.7,每次install各种包各种问题真的心累 后来装了anconada,安装了python3.6 使用起来比较方便了. 陆续将遇到的问题更新如下~  一 ...

  2. C++ STL 排序查找最大的5个

    #include <iostream>#include <algorithm>#include <deque>#include <vector>#inc ...

  3. ps填充颜色快捷键

    一:选中区域: 二:填充前景色快捷键是“Alt+Delete”: 三:填充背景色的键盘快捷键是“Ctrl+Delete”:

  4. log4net通过代码控制按分类输出

    应用场景: 比如我们系统有5个任务,每个任务都是独立的流程,按照传统的方式这些流程的数据会输出到一起,这无疑给我们排查问题增加了难度,因为我们需要的是每一个任务一个独立的输出文件,比如任务A输出到lo ...

  5. spring 使用@Valid校验数据出错DEBUG org.springframework.web.servlet.mvc.method.annotation.ServletInvocableHandlerMethod - Failed to resolve argument 0 of type

    问题原因:在 @Valid 的那个参数后面紧跟着一个 BindingResult 的参数(一定要紧跟着) 参考来源:https://segmentfault.com/q/101000000838468 ...

  6. HBase管理与监控——统计表行数

    背景 HBase统计 RowCount 的方法有好几种,并且执行效率差别巨大,以下3种方法效率依次提高.   一.hbase-shell的count命令 这是最简单直接的操作,但是执行效率非常低,适用 ...

  7. Spring 控制器重定向

    1.示例 return "redirect:/allUser"; redirect是跳转的意思后面是跳转的页面

  8. WebForm——浅拷贝与深拷贝

    注:本文整理来自连接 https://www.cnblogs.com/echolun/p/7889848.html ,感谢博主的分享 总结: 1.浅拷贝:只拷贝变量的名,而不拷贝变量的值——常为引用类 ...

  9. WinForm打包

    首先要在想要打包的项目下创建一个新的项目, 创建好setup项目,之后点击属性,去修改打包软件的名字,ProductName....可以选填 到此已经创建好了setup工程了,那么下面开始将要打包的d ...

  10. LC 416. Partition Equal Subset Sum

    题目 Given a non-empty array containing only positive integers, find if the array can be partitioned i ...