JAVA基础知识:form的提交方式
Easyui中的form有两种提交方式、结合自己新添加的一种ajax提交方式、本文简单说明form的三种提交方式、和结合validatebox使用来校验基本信息。希望下文关于form的提交方式介绍对大家学习java有帮助!
form提交
以登录为例:下面是登录页面、注意要导入easyui所需要的css和js。
要引入的css+js:
登录的div和表单:
username: password:
简单说明:
1、登录是使用dialog来作为界面的、初始化dialog有几种方式——
(1)使用class="easyui-dialog"定义、使用data-options="xxx"来定义dialog属性、这种适合只具有基本样式、不具有与后台交互功能的时候的`页面使用。(2)使用js初始化、适合与后台交互的界面使用、(3)可以混合使用。
1、通过ajax提交:
loginAndregist = $('#loginAndregist')og({
closable:false,
modal:true,
draggable:false,
buttons:[{
text:'注册',
handler:function(){
$('#regist')og('open');
}
},{
text:'登录',
handler:function(){
if( $('#loginInputForm')('validate')){
$({
url:'login_on',
data:$('#loginInputForm')alize(),
cache:false,
dataType:'text',
success:function(r){
(r);
if(r == "success"){
$('#loginAndregist')og('close');
$({
title : '提示',
msg : '登录成功'
});
}else{
$t('标题','用户名密码错误');
}
}
});
}
}
}],
});
简单说明:if( $('#loginInputForm')('validate')){...}是将form与其内部的validatebox绑定、可以使用validatebox提供的校验规则来校验输入。若不使用这个而直接使用ajax提交、则不会使用validatebox提供的校验规则、当然也可以自己加校验方式、onSubmit()。
2、通过先初始化form、再在点击登录触发函数中提交
初始化form表单:
//初始化登录表单
loginInputForm = $('#loginInputForm')({
url:'login_on',
success:function(r){
(r);
if(r == "success"){
$('#loginAndregist')og('close');
$({
title : '提示',
msg : '登录成功'
});
}else{
$t('标题','用户名密码错误');
}
}
});
点击登录时提交表单:
loginAndregist = $('#loginAndregist')og({
closable:false,
modal:true,
draggable:false,
buttons:[{
text:'注册',
handler:function(){
$('#regist')og('open');
}
},{
text:'登录',
handler:function(){
it();
}
}],
});
简单说明:这里不再需要像ajax一样添加一个校验的if、因为这种方式的form是与validatebox绑定的、会自动校验。
3、直接在点击登录触发函数中提交
loginAndregist = $('#loginAndregist')og({
closable:false,
modal:true,
draggable:false,
buttons:[{
text:'注册',
handler:function(){
$('#regist')og('open');
}
},{
text:'登录',
handler:function(){
if( $('#loginInputForm')('validate')){
$('#loginInputForm')('submit',{
url:'login_on',
onSubmit: function(){
('do some check !');
},
success : function(r){
(r);
(r);
if(r == "success"){
$('#loginAndregist')og('close');
$({
title : '提示',
msg : '登录成功'
});
}else{
$t('标题','用户名密码错误');
}
}
});
}
}
}],
});
$('#loginInputForm')('submit',{...})、当点击登录按钮时会直接提交表单、红色部分可以对表单提交之前做一些操作、比如校验。
-
2016下半年计算机二级考试C++试题及答案
1.已知一汉字的国标码是5E38,其内码应是()。A)DEB8B)DE38C)5EB8D)7E58答案:A2.已知三个字符为:a、Z和8,按它们的ASCII码值升序排序,结果是()。A)8、a、ZB)a、8、ZC)a、Z、8D)8、Z、a答案:D3.计算机技术中,下列度量存储器容量的单位中,最大的单位是()。A)KBB)MBC)ByteD)...
-
2017年计算机一级《WPSoffice》冲刺题
考试要求考生在规定的时间内按指定的方式解答精心选定的题目或按主办方的要求完成一定的实际操作的任务,并由主办方评定其结果,从而为主办方提供考生某方面的知识或技能状况的信息。下面是小编整理的关于计算机一级《WPSoffice》冲刺题,欢迎大家参考!1、以下URL地...
-
2016下半年计算机二级VB上机考试答题攻略
计算机等级考试进入冲刺备考阶段,为帮助同学们考过计算机等级考试,本站小编为大家分享的是二级VB上机考试答题攻略——常用算法,希望对同学们考试有所帮助!常用算法熟练地掌握算法原理、编程思想和代码实现,就能够做到举一反三,轻松备考,顺利过关。1.累加...
-
嵌入式面试题及答案「C语言」
嵌入式工程师比较常见的嵌入式面试试题有哪些考点?下面本站小编为大家分享嵌入式工程师面试试题及答案,希望对大家参加面试有所帮助!预处理器(Preprocessor)1.用预处理指令#define声明一个常数,用以表明1年中有多少秒(忽略闰年问题)#defineSECONDS_PER_YEAR(60*6...