jQuery提交表单ajax查询实例代码

看一个用jQuery提交表单ajax查询的例子。基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。代码如下： jQuery部分：复制代码代码如下: <script language="javascript" type="text/javascript"> $(document).ready(function() { $("#btnSubmit").click(function() { Login(); }); }); function Login() { if (Check()) { LoginSuccess(); } } function Check() { if ($("#ksbh").val() == "") { alert("准考证号不能为空！"); $("#ksbh").focus(); return false; } if ($("#Yzm").val() != $.cookie('ValidateCode')) { alert("验证码错误！") $("#Yzm").focus(); return false; } return true; } function LoginSuccess() { $.ajax({ type: "POST", url: "/zk/zkcj201204a", data: { ksbh: $("#ksbh").val()}, beforeSend: function() { $("#msg").html("loading......正在提交请稍候。"); }, success: function(data) { $("#msg").html(data).show(); document.getElementById("valiCode").src = document.getElementById("valiCode").src+'?'; } }); } </script> htm部分：复制代码代码如下: <div id="lmain"> <div><span class="s1">准考证号：</span><span class="s2"><input id="ksbh" maxlength="12" name="ksbh" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))" onkeyup="value=value.replace(/[^d]/g,'')" type="text" value="" /></span></div> <div><span class="s1">验证码：</span><span class="s3"><input id="Yzm" name="Yzm" type="text" value="" /><img id="valiCode" style="cursor: pointer;height:22px; line-height:22px; vertical-align:middle;" src="../Validate/GetValidateCode" onclick="this.src=this.src+'?'" alt="看不清？点击更换" /></span></div> <div style=" text-align:center;"><input type="button" id="btnSubmit" value="查询" /> </div> </div> <div id="msg" style=" width:600px;text-align:center; margin-top:20px;"></div>

1. 环境： browser_info:"platform:Win32;msie;version:8.0;ie", navigator:"appCodeName:Mozilla;appName:Microsoft Internet Explorer;appMinorVersion:Release Candidate 1;cpuClass:x86;platform:Win32;system>>>详细阅读

本文标题：jQuery提交表单ajax查询实例代码

地址：http://www.17bianji.com/kaifa2/JS/23062.html

1/2 1