最新下载
热门教程
- 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表验证例子了，没什么优点，只供各位参考。
相关文章
- 燕云十六声墨鼬毫怎么刷 墨鼬毫速刷攻略 08-10
- 燕云十六声粗矿石怎么刷 粗矿石速刷攻略 08-10
- 明末渊虚之羽云顶城竖井宝箱怎么找 竖井宝箱获取路线分享 08-10
- 人渣SCUM头盔防弹效果如何 各头盔防弹能力一览 08-10
- 燕云十六声突破材料怎么刷 突破材料速刷攻略 08-10
- 明末渊虚之羽定北将军成就怎么完成 艾能奇成就获取攻略 08-10