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

可以按照需要截取。

<%@ 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. 依靠MySQL(frm、MYD、MYI)数据文件恢复

    该方法并不是适用于所有MySQL数据库 此次恢复是朋友那边的数据查不了了,请求我支援,出于各种心理原因,我答应试试,于是就有了这篇文章和这次经历,废话不多说.... 物理条件:宿机是Ubuntu16. ...

  2. 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_05-vuejs研究-vuejs基础-v-text指令

    把js移到body 的下面 网速改慢一点 通过模拟网速慢的情况.刷新页面的时候会有闪烁的效果 速度快的情况下也会闪烁 ,只不过是不明显. 2.解决插值表达式闪烁问题,使用v-text v-text可以 ...

  3. RAID概念记录

    之前对RAID概念有一些基本的认知,这次同事培训k8s 的持久卷,提到了RAID的一些概念和用法,记录一下. RAID ( Redundant Array of Independent Disks ) ...

  4. jquery mCustomScrollbar使用

    $(".content .desc").mCustomScrollbar({ axis: "y", theme: 'dark', mouseWheel: { e ...

  5. Elasticsearch删除数据操作，你必须知道的一些坑

    前两天有同事打电话问我,说ES删除数据有没有什么坑? 我当时就问,是删索引还是删索引里的数据?她回答说是删数据,我说查出这些数据直接删除就好了,没有什么坑... 后来想想,关于ES数据的删除,之前确实 ...

  6. 【amad】cookiecutter -- 一个命令行工具，使用项目模版来构建项目

    动机 简介 个人评分 动机 一般的框架都有脚手架工具,但是并不会让所有人满意. 简介 cookiecutter1是一个Python实现的命令行工具,可以通过项目模版来构建项目. 它的特性包括: 跨平台 ...

  7. VC 学习笔记 （持续更新）

    基于windows的程序和基于MS-DOS的程序之间的一个最根本的差别,就在于MS-DOS程序是通过操作系统的功能来获得用户的输入的,而windows程序则是通过操作系统 发送的消息来处理用户输入的. ...

  8. C#实现隐藏手机号、邮箱、姓名等敏感信息扩展方法

    还是老惯例,直接上代码. 最终效果图: public static class HideSensitiveInfoExtension { /// <summary> /// 隐藏敏感信息 ...

  9. SpringEl表达式解析

    应用场景: 1.用户日志 2.缓存处理 3........... import org.springframework.expression.EvaluationContext; import org ...

  10. golang写入csv

    package main import ( "encoding/csv" "fmt" "os" ) func main() { file, ...