ajax情况下阻止submit提交
背景描述：
有一个表单，里面有姓名，昵称，电话等信息，然后提交的时候要进行一些判断，比如是不是没有填写，电话号码是否符合规则等等，判断不通过的话，则阻止提
交。还有一项需求是判断昵称是否含有系统要过滤的词汇，而这些词汇的列表存放在服务器上，所以需要用到ajax来做。
我的做法是在form里加上onsubmit="return checkForm();"，如果checkForm（）返回false，将阻止提交，如果返回true，表单就提交了。
问题描述：
前面的那些判断都可以阻止，但是ajax的却不行，因为ajax是异步的，如：
function checkForm(
)
{
if
(
document.
getElementById(
'name'
)
.
value =
=
''
)
{
alert(
'名字不能为空'
)
;
return false;
}
requestAjax(
'test.php'
,
'par=val'
,
'get'
,
callback)
;
}
function callback(
)
{
if
(
ajax.
responseText =
=
'N'
)
{
return false;
}
}
检测结果需要等到服务器返回，但是onsubmit不会等到ajax返回就已经提交了。
解决方案：
后来通过网上搜索，找到一种解决方法。就是不用submit按钮，而是换成button，给予button一个click事件，button的
onclick触发checkForm函数，然后如果ajax返回的时候N，就return
false，如果是Y，就执行document.forms["testf"].submit();代码如下：
function checkForm(
)
{
if
(
document.
getElementById(
'name'
)
.
value =
=
''
)
{
alert(
'名字不能为空'
)
;
return false;
}
requestAjax(
'test.php'
,
'par=val'
,
'get'
,
callback)
;
}
function callback(
相关文档：
以前做了些ajax，是在.net2.0加上ajax toolkit开发的。现在要作为一个现有网站的子站点。目前的3.5系统自带3.5版本的ajax，也就是System.Web.Extensions 3.5。这个在ajax toolkit 1.0中也是同样的assembly名字，以至web.config文件会报错，说找到2个同样的assembly。又不可能去修改老站里面的文件，怎么办呢？我们既希望保� ......
一、 新建一个Ajax_Start的网站
二、 在网站中添加一个web服务（ws_start.asmx）
在vs2008中，添加一个web服务生成了两个文件，一个是asmx文件，一个是在App_code里的cs文件；我觉得这样并不好，� ......
ICallbackEventHandler
aspx 页面：
function CallServer(PhotoId)
{
document.getElementById("updatediv").style.display = "block";
documen ......
今天小编和大家分享的是JSON插件实现Ajax，希望对大家有所帮助。
1，JSON基础知识
JSON插件是Struts2的Ajax插件，通过利用JSON插件，允许开发者以非常灵活简单的方式来开发Ajax应用。
JSON的全称是JavaSrcipt Object Notation,即JavaScript对象符号,它是一种轻量级的数据交换格式.JSON的数据格式既适合� ......
原出处:http://blog.163.com/zwx_gis/blog/static/32434435200971072634757/
Web编程相关 2009-08-10 19:26 阅读15 评论0
Ajax (Asynchronous JavaScript and XML) 是多种技术的集合，包括JavaScript、XHTML、CSS、DOM、XML、XSTL、XMLHttpRequest等，其中XHTM ......
