ajax异步验证表单
发布时间：2020-12-16 02:13:04 所属栏目：百科 来源：网络整理
导读：script src="../include/jquery.js"/script body div class="control-group" label for="" class="input-label" 用户名：/label div class="controls" input id="username" class="input-text" type="text" name="username" / /div /div /body script $(docum
|
<script src="../include/jquery.js"></script>
<body> <div class="control-group"> <label for="" class="input-label" >用户名：</label> <div class="controls"> <input id="username" class="input-text" type="text" name="username" /> </div> </div> </body> <script> $(document).ready(function(){ $("input").blur(function(){ var username = $("#username").val(); var email = $("#email").val(); $.ajax({ type: "post", url : "res_demo_01.php", dataType: "json", data:{ "username":username, }, success: function(msg){ if(msg == 'ture'){ alert('此用户名已经存在！'); } } }); }); }); </script>
那么在res_demo_01.php控制器中，如何写呢，这里主要是查询数据库，是否存在这个用户，这里我就不写查询方法了 $datas = $_POST;
如果用户aaaa存在，当鼠标在用户名的输入框失去焦点的时候，就会弹出提示“此用户已经已经存在”。 此文为原著，如需转载复制，请注明历史来源，http://blog.csdn.net/qq_22327455 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |