http://www.chinamootools.com/

问题 MooTools 异步请求例子

<{foreach from=array('0','1','2','3','4') item=cat_f key='key'}>
<tr>
<th><em class="red">*</em><{t}>名称:<{/t}></th>
<td><{input type="text" name="cat_f[{$key}][cat_name]"
onchange="nameCheck(this)" size="20" vtype="required"}>
<span></span>
</td>
</tr>
<{/foreach}>

<form method="post" action="index.php?app=tfsh&amp;ctl=admin_cat&amp;act=save" id="add_form">
<div class="tableform">
<div class="division">
<table cellpadding="0" cellspacing="0" border="0">
<input type="hidden" value="add_f" name="add_f">
<tbody><tr>
<th><em class="red">*</em>名称:</th>
<td><input class="x-input" type="text" name="cat_f[0][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f70"> <span></span>
</td>
</tr>
<tr>
<th><em class="red">*</em>名称:</th>
<td><input class="x-input" type="text" name="cat_f[1][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f71"> <span></span>
</td>
</tr>
<tr>
<th><em class="red">*</em>名称:</th>
<td><input class="x-input" type="text" name="cat_f[2][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f72"> <span></span>
</td>
</tr>
<tr>
<th><em class="red">*</em>名称:</th>
<td><input class="x-input" type="text" name="cat_f[3][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f73"> <span></span>
</td>
</tr>
<tr>
<th><em class="red">*</em>名称:</th>
<td><input class="x-input" type="text" name="cat_f[4][cat_name]" onchange="nameCheck(this)" size="20" vtype="required" id="dom_el_3742f74"> <span></span>
</td>
</tr>
</tbody></table>
</div>
</div>
<div class="table-action">
<button type="submit" id="newmember-edit-form-submit" class="btn"><span><span>保存</span></span></button><button class="btn btn-secondary " isclosedialogbtn="true" onclick="W.page('index.php?app=tfsh&amp;ctl=admin_cat&amp;act=index')" type="button"><span><span>取消</span></span></button>
</div>
</form>
<script>
(function(){
var _form = $('add_form');
var btn =$('newmember-edit-form-submit');
//var finder = finderGroup['Array'];
_form.store('target',{
onComplete:function(){ },
onSuccess:function(response){
var hash_res_obj = JSON.decode(response);
if (hash_res_obj.success != undefined && hash_res_obj.success != "")
{
try{
var _dialogIns = btn.getParent('.dialog').retrieve('instance');
}catch(e){} if(_dialogIns)
{
_dialogIns.close();
finder.refresh.delay(400,finder);
}
}
else
{
//alert(hash_res_obj.error);
}
}
}); btn.addEvent('click',function(){
_form.fireEvent('submit',{stop:$empty}); }); })();
function nameCheck(input){
new Request({
url:'/desktop/index.php?app=tfsh&ctl=admin_cat&act=namecheck',
method:'post',
data:input.name+'='+encodeURIComponent(input.value=input.value.trim()),
onSuccess: function(rs) {
rs = JSON.decode(rs);
if(rs.error) {
input.getNext().innerHTML = '<span class="error caution notice-inline">' +rs.error + '</span>';
}
else if(rs.success) {
input.getNext().innerHTML = '<span class="success notice-inline">' +rs.success + '</span>'; }
}
}).send();
}
</script>
public function namecheck()
{
$checkname = '';
if(!$checkname){
echo json_encode(array('error'=>app::get('tfsh')->_('输入的名称有误,请重新输入')));exit;
}else{
echo json_encode(array('success'=>app::get('tfsh')->_('该名称可用')));exit;
}
}
$this->begin('index.php?app=tfsh&ctl=admin_cat&act=index');
$this->end(true,app::get('tfsh')->_('保存成功'));
$this->end(false,app::get('tfsh')->_('输入的名称有误,请重新输入'));

MooTools 异步请求验证的更多相关文章

  1. Ajax:实现后台验证js实现get方式的异步请求,判断用户名是否重复

    <%@ page contentType="text/html;charset=UTF-8" language="java" %><html& ...

  2. JQuery中使用Ajax实现诸如登录名检测等异步请求Demo

    上一篇博客介绍了注册登录时一次性图形验证码的工具类的编写,这篇随笔同样是我在写用jquery中ajax实现登录信息检测的异步请求功能的笔记,在各个网站进行信息用户注册时,需要在不刷新页面的情况下对注册 ...

  3. jquery Ajax异步请求之session

    写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...

  4. 【读书笔记】iOS网络-同步请求,队列式异步请求,异步请求的区别

    一,同步请求的最佳实践. 1,只在后台过程中使用同步请求,除非确定访问的是本地文件资源,否则请不要在主线程上使用. 2,只有在知道返回的数据不会超出应用的内存时才使用同步请求.记住,整个响应体都会位于 ...

  5. 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求

    转http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...

  6. 03_JqueryAjax_异步请求Servlet

    [Ajax 简述] jquery对Ajax提供了更方便的代码:$ajax({ops})来发送异步请求. 首先说一个Ajax的特性,它是永安里发送异步请求,请求的是服务器,但不会刷新页面. 例如在注册功 ...

  7. [转载]# Ajax异步请求阻塞情况的解决办法

    最近使用ExtJs4的mvc模式在开发了在线漫画的后台,因为异步请求比较多,有的回应时间长,有点短.我发现在多次并发的情况下,会造成阻塞的情况.也就是说如果回应时间长的请求还在进行中,短的请求却被挂起 ...

  8. ajax异步请求302分析

    1.前言 遇到这样一种情况,打开网页两个窗口a,b(都是已经登录授权的),在a页面中退出登录,然后在b页面执行增删改查,这个时候因为授权原因,b页面后端的请求肯定出现异常(对这个异常的处理,进行内部跳 ...

  9. java编程(2)——servlet和Ajax异步请求的接口编程(有调用数据库的数据)

    第一步: 1.为项目配置 Tomcat 为 server: 2.导入 mysql的jar包 到项目目录中: 第二步:编码 1.数据库连接类ConnectMysql.java代码: package co ...

随机推荐

  1. 第四届CCF大数据学术会议征文通知

    第四届CCF大数据学术会议征文通知 2016年10月,兰州 近几年,大数据是各界高度关注积极布局的热点方向.2015年8月,国务院发表<促进大数据发展行动纲要>,正式将大数据提升为国家战略 ...

  2. Java并发编程--多线程中的join方法详解

    Java Thread中, join()方法主要是让调用该方法的thread在完成run方法里面的部分后, 再执行join()方法后面的代码 例如:定义一个People类,run方法是输出姓名年龄. ...

  3. hadoop集群的故障概率估算

    hadoop集群的机器数业界(国内)最大的在5000左右,是什么限制了集群的规模呢?有好几个原因. 1. namenode的内存大小限制 2. 机器故障概率随着机器数目增大而增大,通常一份数据存储在h ...

  4. PYTHON线程知识再研习A

    前段时间看完LINUX的线程,同步,信息号之类的知识之后,再在理解PYTHON线程感觉又不一样了. 作一些测试吧. thread:模块提供了基本的线程和锁的支持 threading:提供了更高级别,功 ...

  5. 硬盘安装windows7

    微软已经发表声明 Windows XP 操作系统将于2014年4月8日停止提供补丁和安全更新,提醒用户尽快升级现有的XP操作系统.Windows XP曾在2001年10月25日正式发布的,已经走过了十 ...

  6. BZOJ2084: [Poi2010]Antisymmetry

    2084: [Poi2010]Antisymmetry Time Limit: 10 Sec  Memory Limit: 259 MBSubmit: 187  Solved: 125[Submit] ...

  7. [转]Ubuntu Linux 安装 .7z 解压和压缩文件

    原文网址:http://blog.csdn.net/zqlovlg/article/details/8033456 安装方法: sudo apt-get install p7zip-full 解压文件 ...

  8. 批量更新sql |批量update sql

    图所示现需要批量更新table2表内字段Pwd更新userName对IP地址username与Ip对应关系table1所示 update table2 set pwd=table1.ip from t ...

  9. javascript 典型闭包的用法

    <body><input type="radio" id="radio1" name="readionGroup" /&g ...

  10. Java单元测试工具:JUnit4(一)(二)(三)(四)

    Java单元测试工具:JUnit4(一)--概述及简单例子 Java单元测试工具:JUnit4(二)--JUnit使用详解 Java单元测试工具:JUnit4(三)--JUnit详解之运行流程及常用注 ...