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

可以按照需要截取。

<%@ 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. Maven 引入外部依赖

    pom.xml 的 dependencies 列表列出了我们的项目需要构建的所有外部依赖项. 要添加依赖项,我们一般是先在 src 文件夹下添加 lib 文件夹,然后将你工程需要的 jar 文件复制到 ...

  2. 前端 - 轮询, 长轮训, websocket

    轮询 概念 ajax 轮询的原理很简单,让浏览器间隔几秒就发送一次请求,询问服务器是否有新信息 代码 function showUnreadNews() { $(document).ready(fun ...

  3. 超详细MySQL安装及基本使用教程

    一.下载MySQL 首先,去数据库的官网http://www.mysql.com下载MySQL. 点击进入后的首页如下:  然后点击downloads,community,选择MySQL Commun ...

  4. [spring]数据库的连接配置

    使用druid数据源 ,并支持事务处理. <?xml version="1.0" encoding="UTF-8"?> <beans xmln ...

  5. String字符串的截取

    根据某个字段将字符串分割成绩部分 String str = "string number one 1/9/0"; //将字符串由/ 截取成绩部分 String[] strs = s ...

  6. gitlab安装、下载、推送 代码（推荐）

    环境: 内存必须5G以上 centos7.5 服务端:192.168.0.74 客户端:192.168.0.73 GitLab的安装 1.在CentOS系统上,下面的命令将会打开系统防火墙HTTP和S ...

  7. SpringBoot： 11.异常处理方式1(自定义异常页面)（转）

    SpringBoot 默认的处理异常的机制:SpringBoot 默认的已经提供了一套处理异常的机制.一旦程序中出现了异常 SpringBoot 会向/error 的 url 发送请求.在 sprin ...

  8. （生鲜项目）08. ModelSerializer 实现商品列表页, 使用Mixin来实现返回, 以及更加方便的ListAPIView, 以及分页的设置

    第一步: 学会使用ModelSerializer, 并且会使用ModelSerializer相互嵌套功能 1. goods.serializers.py from rest_framework imp ...

  9. 使用tensorflow训练SSD（一）：相关环境的配置

    在使用TensorFlow进行目标检测时,首先需要下载tensorflow object detection API模型,该模型的下载地址为https://github.com/tensorflow/ ...

  10. 前端JS之HTML利用XMLHttpRequest()和FormData()进行大文件分段上传

    用于网页向后端上传大文件 ### 前端代码<body> <input type="file" name="video" id="fi ...