在做注册页面时会用到jquery验证注册信息,用户名,密码,邮箱,手机号的验证,比较简单的,新手莫怪...

    <script>
function Name(){
var name = $("#name").val();
if(name=="") {
$("#tip1").html("<div style='color:#2ca9cc;font-size:14px;'>请输入用户名</div>");
}
}
function checkName(){
var name = $("#name").val();
if(name==""){
$("#tip1").html("<div style='color:red;font-size:14px;'>用户名不能为空</div>");
}else{
$("#tip1").html("");
}
}
function Password(){
var name = $("#password").val();
if(name=="") {
$("#tip2").html("<div style='color:#2ca9cc;font-size:14px;'>请输入密码</div>");
}
}
function checkPassword(){
var name = $("#password").val();
if(name==""){
$("#tip2").html("<div style='color:red;font-size:14px;'>密码不能为空</div>");
}else{
$("#tip2").html("");
}
}
function Email(){
var name = $("#email").val();
if(name=="") {
$("#tip3").html("<div style='color:#2ca9cc;font-size:14px;'>请输入邮箱</div>");
}
}
function checkEmail(){
var name = $("#email").val();
var zheng =/^[\w\.]+@[\w\.]+(\.\w+)+$/;
if(!zheng.test(name)){
$("#tip3").html("<div style='color:red;font-size:14px;'>邮箱格式错误</div>");
}else{
$("#tip3").html("");
}
}
function Phone(){
var name=$("#phone").val().length;
if( name ==0) {
$("#tip4").html("<div style='color:#2ca9cc;font-size:14px;'>请输入手机号</div>");
}
}
function checkPhone(){
var name=$("#phone").val().length;
if(name!==11) {
$("#tip4").html("<div style='color:red;font-size:14px;'>手机号位数不正确</div>");
}else{
$("#tip4").html("");
}
}
function check(){
$.ajax({
url: "./checkajax.php",
type: "post",
data:$('form').serialize(),
success: function (response) {
if (response == 1) {
$("#tip").html("用户名不能为空");
} else if (response == 2) {
$("#tip").html("密码不能为空");
} else if (response == 3) {
$("#tip").html("注册成功");
} else {
$("#tip").html("注册失败");
}
}
});
}
</script>

ajax提交数据到php文件进行判断

<?php
$pdo = new PDO("mysql:host=localhost;dbname=project",
"root","");
//对收集到数据进行验证
if($_POST){
//判断用户是否进行了数据提交
$username = isset($_POST["username"])?$_POST["username"]:'';
if($username==""){
echo 1; //response值为1 表示用户名为空
exit;
}
$password = isset($_POST["password"])?$_POST["password"]:'';
if($password==""){
echo 2; //response值为2 表示密码为空
exit;
}
$email = isset($_POST["email"])?$_POST["email"]:'';
$phone = isset($_POST["phone"])?$_POST["phone"]:'';
//将数据放入到数据库
$query = "insert into user
(username,password,email,phone)
values
(:username,:password,:email,:phone)";
//PDO通知mysql做准备
$statm = $pdo->prepare($query);
//绑定参数
$statm->bindParam(":username",$username);
$statm->bindParam(":password",$password);
$statm->bindParam(":email",$email);
$statm->bindParam(":phone",$phone);
//PDOStatement通知mysql执行
$statm->execute();
//根据被影响行数,判断执行是否成功
if($statm->rowCount()>0){
//执行成功
echo 3;
}else{
echo 4;//执行失败
}
}

这样就完成了注册验证。。。。

需要注意的是:

在给PHP文件传值的时候用到的 $.('form').serialize(),这个是方法的作用是获取表单内所有的值;

之前我以为PHP文件中用的是POST,不用传递值就可以,但事实上是不行的。

自己的一点小经验

最新文章

  1. Android中的HTTP通信
  2. 【Splay】bzoj3223-Tyvj1729文艺平衡树
  3. 03-Swift常量&amp;变量
  4. 易学PHP——WAMP环境搭建
  5. idlcpp 功能改进
  6. 嵌入式学习_AD学习篇
  7. drupal 2016-11-3
  8. 常用mysql命令大全
  9. linux 打补丁 2原理
  10. zoj3329 One Person Game
  11. web系统架构的演进变化很形象
  12. Laravel 4 Blade模板引擎
  13. jquery的冒泡和默认行为
  14. C# LDAP认证登录
  15. [Android学习笔记]LayoutInflater的使用
  16. iOS - Quartz 2D 二维绘图
  17. 笔记:Hibernate DML
  18. Javascript的console[&#39;&#39;]几种常用输入方法
  19. 045 Java中数据导入到excel
  20. ASP.NET中HttpApplication中ProcessRequest方法中运行的事件顺序;ASP.NET WebForm和MVC总体请求流程图

热门文章

  1. 描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
  2. 阿里云 elasticsearch 增删改查
  3. element-ui el-table表格排序sortable参数解析
  4. TCP保活定时器
  5. 如果在docker中部署tomcat,并且部署java应用程序
  6. task_struct源码解读
  7. 使用cJSON解析JSON
  8. PAT Basic 1021 个位数统计 (15 分)
  9. SQL语句 case ... when
  10. Ubuntu18.04系统执行语句时出现错误Failed to load module &quot;canberra-gtk-module&quot;