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

可以按照需要截取。

<%@ 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. C++ STL transform

    #include<iostream>#include<vector>#include <list>#include <algorithm>#includ ...

  2. Qt编写安防视频监控系统8-双击节点

    一.前言 在所有的视频监控系统中,双击摄像机的节点,对应摄像机加载到当前焦点通道显示,这个都是必须具备的功能,还有一些厂家会做双击NVR节点,自动加载该NVR下的所有摄像机全部显示,从通道1开始到通道 ...

  3. ElasticSearch——集群搭建

    1.准备 1.1.组件 JDK:1.8版本及以上: ElasticSearch:6.2.4版本: 1.2.服务器 3台服务器 2.安装 2.1.下载解压 wget https://artifacts. ...

  4. c盘瘦身、windows解除上网限速、贴膜注意事项

    1.c盘瘦身 1.1.https://zhidao.baidu.com/question/2057622451987202467.html 1.2.把C盘的swap空间换到D盘 2.windows解除 ...

  5. LODOP中用ADD_PRINT_IMAGE缩放非图片超文本

    LODOP中HTML,URL,带有img标签的IMAGE,TBALE等打印项都属于超文本.关于LODOP中的纯文本和超文本,可查看本博客相关博文:LODOP中的纯文本和超文本打印项 ADD_PRINT ...

  6. 让SNIPER-MXNet从标准的COCO格式数据集中直接使用file_name作为图片路径

    告别项目中“依index生成路径”的方法,直接使用我们在生成.json标签时就已经写入的图片路径(这里我写入的是绝对路径 full path)来获取图片. 需要做的,用以下代码替换SNIPER/lib ...

  7. 剑指offer难题代码

    重建二叉树 题目描述 输入某二叉树的前序遍历和中序遍历的结果,前重建出该二叉树.假设输入的前序遍历和中序遍历的结果中都不含重复的数字.假如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序 ...

  8. NDK学习笔记-增量更新

    虽然现在有插件化开发和热修复,但为何还需要增量更新?插件化开发和热修复依赖于宿主程序,增量更新适合更新宿主程序. 差分包生成的前提 差分包的生成依赖于BsDiff开源项目,而BsDiff又依赖于Bzi ...

  9. Android netty客户端入门

    新建项目,加入netty库 implementation 'io.netty:netty-all:4.1.36.Final'

  10. 将mysql中一行中的几个字段 转换成一列并从其他数据库中查对应的邮件信息

    --将项目中的总监,经理,等的邮箱合并为一行 SELECT GROUP_CONCAT(t.USER_EMAIL SEPARATOR ' ') mail_address FROM portal.t_ac ...