最新下载
热门教程
- 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表验证例子了，没什么优点，只供各位参考。
相关文章
- 碧蓝航线的里雅斯特期待的便当时间皮肤有什么 04-30
- 明日之后踏浪逐星服装展示攻略 04-30
- 深空之眼幽月塞勒涅刻印搭配核心思路 04-30
- 明日之后红杉茶会护卫队首领BOSS有哪些 04-30
- CF手游段位奖励汇总攻略 04-30
- 无期迷途5-13怎么走攻略 04-30