最新下载
热门教程
- 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表验证例子了，没什么优点，只供各位参考。
相关文章
- YY漫画首页直达入口-热门章节一键畅读 12-23
- 恶魔秘境灰烬之子500魂地狱黑塔攻略 12-23
- 漫蛙漫画官网登录入口-漫蛙2漫画app免费下载 12-23
- 像素火影网页版畅玩入口-像素火影唤境新版官网直达 12-23
- 艾尔登法环黑夜君临异常状态一览：七类异常状态效果分别是什么 12-23
- 艾尔登法环黑夜君临随机事件 黑环随机事件类型一览 12-23