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(
相关文档:
最近在负责做网站的后台管理部分,觉得jquery的sortable做动态工具栏很实用,但网上很多都只介绍ajax和sortable一起,没有和database结合着用,唯一看到的就是用cookie,如果有朋友喜欢用cookie的,可以来这里看看。 我个人不喜欢cookie,cookie有时间的限制,而且好多人现在都禁止cookie的使用了。就自己编了个码,用php、j ......
ModalPopup 控件允许将 Web 页面中的一个部分以视窗程序中的“模式”形式显出来,起到提示用户操作和避免对页面中其它部分的误操作的作用。
“模式”的内容可以是任意一个 Control 类的派生控件,开发人员可以指定当它被“模式”显示的时候的背景的显示样式。
当一个页面控件被&ld ......
概念:当位于UpdatePanel控件外部的某个控件的特定事件被触发时就引发异步回送并局部更新UpdatePanel控件的内容。
它的好处是:我们只需把需要更新的数据控件放在UpdatePanel控件里,而不需要更新的控件我们就把它放在UpdatePanel控件的外面,如此一来,才可以有效的降低往返于WEB服务器的数据量,并顺势降低WEB服务 ......
到软件公司学IT技术http://www.tsp2c.cn/
Ajax 应该不是一项技术,是一种思想而已,跟 ASP.NET 以及其它 Web 开发语言没有什么太大关系,这里只是谈谈 ASP.NET 中目前使用的 Ajax 技术以及其它一些实现 Ajax 的优秀框架。
Ajax 已经很流行一阵子了,现在谈 Ajax 觉得有点老土。目前所谓的 Web2.0 网站,基本上没有不 ......