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

可以按照需要截取。

<%@ 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. android在点击EditText的时候始终不弹出软件键盘

    场景描述:正常情况下,当点击EditText时,软键盘会弹出来.现在的要求是当点击EditText时,弹日期选择对话框,选择的结果显示在EditText上.若不处理,当点击EditText时,软键盘和 ...

  2. Oracle11g安装与卸载教程

    1.1,前言: 电脑太卡,鄙人穷屌丝啊,没钱买新电脑,想想周六日还要耍游戏就给电脑重做了个系统,糟糕的是电脑上的各种环境,工具都需要重新装一边,包括oracle数据库- -,依稀记得昨天装了一上午的数 ...

  3. linux服务端导入oracle数据库.sql脚本

    一般情况下,后缀名为.sql或者为记事本类型的文本脚本可以通过打开后复制或者直接在客户端打开执行,但如果脚本比较大时(比如文件达到几百M以上), 普通文本工具和数据库客户端都无法打开,哪怕可以打开,也 ...

  4. 阶段5 3.微服务项目【学成在线】_day05 消息中间件RabbitMQ_4.RabbitMQ研究-安装RabbitMQ

    RabbitMQ由Erlang语言开发,Erlang语言用于并发及分布式系统的开发,在电信领域应用广泛,OTP(Open Telecom Platform)作为Erlang语言的一部分,包含了很多基于 ...

  5. Python升级提示Tkinter模块找不到的解决方法

    一.安装tkinter在Linux中python默认是不安装Tkinter模块,复制代码 代码如下:[root@li250-193 ~]# pythonPython 2.6.6 (r266:84292 ...

  6. idea使用Snyk对项目进行安全漏洞审核、修复

    笔者今天早上打开idea,看到右侧插件栏有一个大狗头,不懂什么时候好奇心驱使安装了这个插件.按图索骥,打开插件. 打开狗,里面会出现好多英文,其中有一处蓝色标底,here 字样的,你点击进去, 用Go ...

  7. [转]新浪云存储SCS Node.js使用指南

    转载自:https://github.com/SinaCloudStorage/scs-sdk-js scs-sdk-js 新浪云存储(SCS) SDK for Node.js Installatio ...

  8. CSV文件规范及其Java解析方式

    Comma-separated values(CSV)文件规范见WIKIPEDIA:https://en.wikipedia.org/wiki/Comma-separated_values#RFC_4 ...

  9. 如何用最快的速度读出大小为10G的文件的行数?弄懂 python 的迭代器

    with open('rm_keys.txt', 'r', encoding = 'utf-8') as f: count = 0 for line in f: 7 count += 1 print( ...

  10. 十步学习法 -- 来自<<软技能>>一书的学习方法论

    <<软技能>>第三篇“学习”,作者讲述了自己的学习方法:十步学习法.下面我用编程语言的方式来介绍. 十步学习法 伪代码介绍 # **这一步的目的不是要掌握整个主题,而是对相关内 ...