JQuery中ajax异步验证表单简单实例

(res){
if(res=='1'){
$("#inf_email").replaceWith('<span id="inf_email"><img src="/public/img/check_true.gif">
<font color="green">可以使用</font></span>');
}
else{
$("#inf_email").replaceWith('<span id="inf_email"><img src="/public/img/check_false.gif">
<font color="red">'+res+'</font></span>');
}
});
}
}

内');                c_user = '';
}else if(username.length < 3){
p.p('#user_prompt','p2','p1 p3','用户名长度错误！');
c_user = '';
}else if(!validate.username(username)){
p.p('#user_prompt','p2','p1 p3','此用户名不合法。');
c_user = '';
}else{
//判断用户名是否存在 ajax 基于jQuery
$.get("chk_username.php",{username:$('#username').val()
},function(data,textStatus){
if(data.indexOf('true') != -1){
p.p('#user_prompt','p3','p1 p2','恭喜您，您可以使用这个用户名注册！');
c_user = 'yes';
}else{
p.p('#user_prompt','p2','p1 p3','该用户名已经被注册，请选用其他用户名。');
c_user = '';
}
})
}
chkreg();//每一次鼠标离开都验证一下。
function chkreg(){
if(c_user == 'yes' && c_pwd1 == 'yes' && c_pwd2 == 'yes' && c_email == 'yes' && c_checkcode

== 'yes'){
flag = true;
}else{ flag = false;}
}

/></td>
          <td width="8%" align="right">邮箱：</td>
          <td width="21%"><input name="email" type="text" class="inp" id="email" size="17"

/></td>
          <td width="44%"><span class="gray">留下您的手机号码，有最新消息我们会发送到您手机

</span></td>
        </tr>
      </table></td>
      </tr>
    <tr>
      <td height="90" align="left">
        <textarea name="bak" cols="80" rows="5" class="lab" id="bak1"></textarea></td>
      </tr>
    <tr>
      <td><input name="button" type="button" class="but" id="buttonajax" value="提交留言"

/>
        <span class="gray">        提出疑问，将有专业的置业顾问或房乐网网友帮您解答

</span></td>
      </tr>
      <input name="lid" type="hidden" value="5976908" />
          <input name="cityid" type="hidden" value="1208" />
          <input name="cityareaid" type="hidden" value="1209" />
          <input name="fanginfo" type="hidden" value="宇洋西海广场" />
      </form>

$('#buttonajax').click(function(){
 //alert($(this).val());
 //checkem();
 var postData = $('#submitform').serialize();
 //alert(postData);
 $.ajax({
  type: "POST",
  url: "/xxxx.php",
  data: postData,
  success: function(msg){
   //alert(msg);
   if(msg==1){
    alert('您的问题已提交成功！');
    $('#bak1').val('');
    $('#mo').val('');
   
   }else if(msg==-1){
    alert('您的问题提交失败，请认真填写提交内容！');
   
   }else if(msg==-2){
    alert('请输入正确手机号码！');
   }
   else if(msg==-3){
    alert('对不起，你提交的内容中有非法字符！');
   }
   else if( msg== -4 )
   {
    alert('对不起，您己提交此问题,请不要重复提交！');
   }
   else
   {
    alert('对不起，系统忙请稍后再试！');
   }
  }
 });
})