最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery AJAX进行表单验证例子
时间：2015-04-07 编辑：简简单单 来源：一聚教程网
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表验证例子了，没什么优点，只供各位参考。
-
上一个： wordpress自定义导航的教程
-
下一个： ECSHOP模板自定义广告位的例子
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31