AJAX表单验证怎样才能在全部通过验证的情况下提交按钮才有效?

[airermeng]

AJAX表单验证怎样才能在全部通过验证的情况下提交按钮才有效?

也就是按下按钮后,怎么一次性执行所有的验证?

[xiaojing7]

<script type="text/javascript">
   var CheckForm=function(){
    if(document.getElementById("").value=="")
      {
         alert( value is not null);
         return false;
      }
     if()
       {
       }
     if()
       {
       }
     if()
       {
       }
        ......
};
</script>


<input type="button" value="Check" onclick="return  CheckForm()" />

[sy_binbin]

function allchk(){
var result;
result=chkusername();//验证用户名
if(!result){
document.form1.username.focus();
return false;}
result=chkpassword()&&chkpassword1();//验证密码
if(!result){
document.form1.password.focus();
return false;}
result=chkemail();//验证邮件格式是否正确
if(!result){
document.form1.email.focus();
return false;}
return true;}

还要有四个函数，chkusername();chkpassword()；chkpassword1();chkemail();

[zhangsf1982]

在提交(submit)之前 写一个函数(Function)

1.不需要后台数据的 用JS进行简单的有效性验证

2.需要数据库中的数据来综合判断输入有效性的， 用AJAX异步取得数据进行验证

如上当有不符合验证的则 记录 (错误信息)ErrorMess

最后判断ErrorMess

有ErrorMess 则 不执行提交(Submit)而显示信息

否则 提交

[草原可可]

自己写个函数 就OK

[airermeng]

[Quote=引用 1 楼 xiaojing7 的回复:]


HTML code
<script type="text/javascript">
var CheckForm=function(){
if(document.getElementById("").value=="")
{
alert( value is not null);
return false;
}
if()
{
}
if()
{
}
if()
{
}
......
};
</script>


<input type="button" value="Check" onclick="return CheckForm()" />
[/Quote]

晕，你可能搞错意思了。

我说的是：页面上有很多输入的input控件用的是Ajax验证，例如：用户输入用户名后不用提交表单就知道这个用户名是否占用；还要实现点击“提交”按钮的时候所有的验证（包括ajax实现的验证）都要验证一遍才能提交，主要问题是：ajax的验证异步执行的，要怎样才能在提交表单之前一定要执行完ajax的验证？

[Jarvis-Li]

OnClientClick="if(!aaa()) return false;"
在按钮上加上这个就可以了aaa()是你定义的验证方法，当返回的不是true时就不会执行

[Go 旅城通票]

先实则提交按钮为不可用，disabled="disabled"

然后设置状态数组

var arr=new Array(0,0,0,0);//有多少个验证就设置多少个项
//当ajax每次验证完后设置对应的标志位，然后遍历这个状态数组，如果都为1了，假设成功验证设置为1，设置递交按钮为可用

//disabled=false;

[airermeng]

[Quote=引用 7 楼 showbo 的回复:]
先实则提交按钮为不可用，disabled="disabled"

然后设置状态数组

JScript codevar arr=new Array(0,0,0,0);//有多少个验证就设置多少个项
//当ajax每次验证完后设置对应的标志位，然后遍历这个状态数组，如果都为1了，假设成功验证设置为1，设置递交按钮为可用

//disabled=false;
[/Quote]


何时遍历数组呢？这个和直接调用ajax的验证函数没有差别吧？
主要问题是：如何知道所有的ajax验证都执行完成了？

[Go 旅城通票]

假设你有2个需要验证的，一个是用户名，一个是密码，那么状态数组就是

var Arr=new Array(0,0);//默认为1，未通过,索引0---对应username    索引1---对应email

默认的提交按钮也是不可用的

<input type="text" name="username" onblur="ajax检验函数"/>
<input type="text" name="email" onblur="ajax检验函数"/>
<input type="submit" id="subTJ" disabled="disabled" value="提交"/>

然后你通过ajax验证需要的信息过后在readyState==4判断返回的信息是否是通过的，如果是通过的，根据验证的是用户名还是email然后设置Arr的标志位为1，并通过遍历Arr看里面的值是否都为1了，如果都是1了就设置提交按钮为可用

//下面这个函数通过传递进入的参数设置标志位，值为验证的控件的name
//在你的ajax验证完，readyState==4并且返回信息是通过时调用此函数
function setStatus(name){
 switch(name){
  case 'username':
   Arr[0]=1;break;
  case 'email':
   Arr[1]=1;break;
 }
 var ok=true;
 //遍历Arr看是否都为1了
 for(var i=0;i<Arr.length;i++)if(Arr[i]==0){ok=false;break;}
 if(ok)//都通过了则设置提交为true
   document.getElementById('subTJ').disabled=false;
}

[airermeng]

非常感谢 showbo ！！

向高手学习！向高手致敬！

[wd888888]

哈哈学习一下

[wxwxy_2010]

楼主能将全部代码贴出来吗，我是新手，不知道怎么弄

[fuxuemin888]

5555555555