最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery AJAX进行表单验证例子
时间：2022-06-25 17:44:10 编辑：袖梨 来源：一聚教程网
html页面的代码如下
form.php文件如下：
header("content-type:text/html;charset=utf-8");
$name = $_GET['name'];
//为了测试方便，这里设置默认用户名只能为admin
if($name == 'admin'){
echo '该用户名可用';
}else{
echo '该不可用';
}
?>
这里偷懒了，默认用户名只能填写admin，实际运用的时候，可以对用户名的存在性和格式等进行其他验证
注意*必须引入jquery.js文件
在输入用户名的时候，给input框一个keyup事件，通过AJAX向form.php文件提交数据，检测用户名是否可用，这样，用户名可不可用，填写 的时候就能知道了。
给表单一个onsubmit事件，当点击提交按钮的时候，进行密码，电话，email的基础验证，如果错误，函数check返回false,阻止表单提交，只有当所有数据都正确填写的时候，返回true；数据才提交给from.php文件，进行相关数据操作。
其实这个还是是纯jquery ajax了，只是js原生的一个ajax表验证例子了，没什么优点，只供各位参考。
相关文章
- 桃源深处有人家菜谱有哪些-桃源深处有人家菜谱配方大全 07-06
- 小小英雄兑换码2025有哪些-小小英雄兑换码领取 07-06
- 虚拟币交易平台哪个好？一文解析虚拟币平台排行榜 07-06
- 金铲铲之战s14羁绊追踪者快速触发阵容推荐 07-06
- 今日XRP新闻：随着Ripple在7月行动中释放5亿代币，XRP强势维持在2.20美元上方 07-06
- 炉石传说茶壶星舰萨卡组构筑分享 07-06