Juery Ajax 表单提交问题解决方案 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>

<span style="color:#FF0000; font-size:16px">
&lt;XMP&gt;放在这个标签中的 Html 代码不会运行 或 被浏览器解析，以原来的排布显示在页面中&lt;/XMP&gt;
</span>



<XMP>

<script language="JavaScript">

//全局变量
var bIsCodeError=true;

function ValideCode(strCode){

    $.ajax({
        url:'ajax.aspx',
        type: 'POST',
        dataType: 'text',
        data: "Action=VerifyCode&CheckCode="+strCode,
        timeout: 60000,
        async: false,

        error: function(res){
            
        },
        
        success: function(res){
            //ajax 默认有响应，则表示操作成功
            //对于 Juery Ajax 在此处不能控制表单提交与否。不管是用 return; 还是用 return false; 都不行
            //应该 重新写一个函数
            //然后 通过变量来接收 返回的值并作处理
          if(res=="ok")
            {
                bIsCodeError=false;
            }
        }
    });
}
</script>


<script language="JavaScript" type="text/javascript">
$(document).ready(function() {

    $("#btnSubmit").click(function() {
    
        ValideCode(strCode);
        
        if(bIsCodeError)
        {
            alert('验证码错误!');
            return;
        }
    
    
        form1.submit();
    });
});
</script>


</XMP>

</body>
</html>
posted @ 2012-08-03 12:02  xust  阅读(139)  评论(0)    收藏  举报