数据表结构

1.html页面

<!DOCTYPE html>

<html>

    <head>

        <title>注册</title>

        <meta charset="UTF-8" />

        <!--

             js验证

         -->

        <script type="text/javascript">
 

            function validate_required(filed, alerttxt) {

                with(filed) {

                    if (value == null || value == "") {

                        alert(alerttxt);

                        return false;

                    } else {

                        return true;

                    }

                }

            }

            function validate_form(thisform) {

                with(thisform) {

                    if (validate_required(username, "用户名不能为空") == false) {

                        username.focus();

                        return false;

                    }

                    if (validate_required(pass1, "密码不能为空") == false) {

                        username.focus();

                        return false;

                    }

                    if (validate_required(pass2, "确认密码不能为空") == false) {

                        username.focus();

                        return false;

                    }

                    if (pass1.value != pass2.value) {

                        alert("两次密码不一致");

                        return false;

                    }

                }

            }

        </script>

    </head>

<!--

onSubmit="return validate(this)"这句，是一个验证表单的功能。当validate()这个函数返回值是true的时候，表单提交，反之则不提交。

-->

    <body>

        <form onsubmit="return validate_form(this) " action="jstest.php" method="post">

            <div class="1">

                <div class="1.1">

                    <div>

                        <label>用户名</label>

                    </div>

                    <div>

                        <input  type="text" placeholder="请输入用户名号" name="username">

                    </div>

                </div>

                <div class="1.2">

                    <div>

                        <label>密码</label>

                    </div>

                    <div>

                        <input type="password"  value="" name="pass1">

                    </div>

                </div>

                <div class="1.3">

                    <div>

                        <label>确认密码</label>

                    </div>

                    <div>

                        <input type="password" value=""  placeholder="" name="pass2">

                    </div>

                </div>

            </div>

            <div class="2">

                <input type="submit" name="sub" id="sub" value="注册" />

            </div>

        </form>

    </body>

</html>

2.php页面

jstest.php

<?php

require ("mysql_class.php");//引入数据库处理文件

$db = new Mysql("localhost", "root", "201122", "userdb");

if (isset($_POST["sub"])) {

    //获取表单数据

    $username = $_POST["username"];

    $pass1 = $_POST["pass1"];

    $pass2 = $_POST["pass2"];

    define("TABLENAME", "user_zhuce");

    define("SEL", "where username='$username'");

    define("COLE", "(username,password,password2)");

    define("DATEE", "('$username','$pass1','$pass2')");

    //信息是否为空

    $db -> isnull($username, $pass1, $pass2);

    //密码是否一致

    $db -> issame($pass1, $pass2);

    if ($pass1 == $pass2) {

        //查询是否有相同的用户名

        $sel = $db -> select(TABLENAME, SEL);

        $row = $db -> row($sel);

        $r = $row[0];

        if ($r == 1) {

            echo "<script type=" . "\"" . "text/javascript" . "\"" . ">" . "window.alert" . "(" . "\"" . "该用户名已被注册" . "\"" . ")" . ";" . "</script>";

            echo "<script type=" . "\"" . "text/javascript" . "\"" . ">" . "window.location=" . "\"" . "index.html" . "\"" . "</script>";

            exit ;

        }

        //插入用户信息

        $insert = $db -> insert(TABLENAME, COLE, DATEE);

        $sel = $db -> select(TABLENAME, SEL);

        $row = $db -> row($sel);

        $r = $row[0];

        if ($r == 1) {

            echo "注册成功";

        }

        $db -> dbClose();

    }

}

?>

3.数据库处理页面

mysql_class.php

<?php

header("content-type:text/html;charset=utf-8");

class Mysql {

    private $host;

    //服务器地址

    private $root;

    //用户名

    private $password;

    //密码

    private $database;

    //数据库名

    //通过构造函数初始化类

    function Mysql($host, $root, $password, $database) {

        $this -> host = $host;

        $this -> root = $root;

        $this -> password = $password;

        $this -> database = $database;

        $this -> connect();

    }

    function connect() {

        $this -> conn = mysql_connect($this -> host, $this -> root, $this -> password);

//        if($this->conn){

//            echo "连接mysql成功";

//        }else{

//            echo "连接mysql失败";

//        }

//        $this->conn=

        mysql_select_db($this -> database, $this -> conn);

//        if($this->conn){

//            echo "连接db成功";

//        }else{

//            echo "连接db失败";

//        }

        mysql_query("set names utf8");

    }

    function dbClose() {

        mysql_close($this -> conn);

    }

    function query($sql) {

        return mysql_query($sql);

    }

    function row($result) {

        return mysql_fetch_row($result);

    }

    function select($tableName, $condition) {

        return $this -> query("SELECT COUNT(*) FROM $tableName $condition");

    }

    function insert($tableName, $fields, $value) {

        $this -> query("INSERT INTO $tableName $fields VALUES$value");

    }

    function isnull($input1,$input2,$input3){

        if($input1==""||$input2==""||$input3==""){

            echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."请填写完整（php）！"."\"".")".";"."</script>";

        }

    }

    function issame($password1,$password2){

        if($password1!=$password2){

            echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."两次密码不一致！(php)"."\"".")".";"."</script>";  

        }

    }

}

?>

javascript验证前端页面的更多相关文章

  1. jquery验证前端页面

    一共三个页面 jquery.html文件(前端页面,jquery验证用户信息) jquerytest.php文件(后台处理页面) jquerydb.php文件(数据库) 数据表结构 jquery.ht ...

  2. ajax验证前端页面

    1.html页面 用ajax验证表单的时候不需要form标签,并把提交按钮由type=“submit ”改为type=“button” 数据表结构 ajax.html <!DOCTYPE htm ...

  3. javascript版前端页面RSA非对称加密解密

    最近由于项目需要做一个url传参,并在页面显示参数内容的需求,这样就会遇到一个url地址可能会被假冒, 并传递非法内容显示在页面的尴尬情况 比如xxx.shtml?server=xxx是坏人& ...

  4. JavaScript限制前端页面用户表单输入

    onkeyup事件 onkeyup 事件会在键盘按键被松开时发生. 内容来源:自成e家 1.只能输入数字 <input onkeyup = "value=value.replace(/ ...

  5. 由前端登录验证，页面跳转，携带headers token引发的思考和尝试

    目录 1 前言 2 我的实现方式与存在的问题 3 我想到的解决方案 3.1 前端跳转时携带headers{'token': token} 不就行了(经验证不可行) 3.2 前端跳转封装请求,携带hea ...

  6. web前端页面性能优化

    影响用户访问的最大部分是前端的页面.网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现. 而我 ...

  7. Python之路-(js正则表达式、前端页面的模板套用、Django基础）

    js正则表达式 前端页面的模板套用 Django基础 js正则表达式: 1.定义正则表达式 /.../  用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m ...

  8. web前端页面性能优化小结

    影响用户访问的最大部分是前端的页面.网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现. 而我 ...

  9. servlet自动获取前端页面提交数据

    servlet自动获取前端页面jsp提交数据 以下是本人在学习过程中,因前端页面提交参数过多,后台servlet封装实体类过于麻烦而写的一个工具类,应用于jsp/servlet数据提交后,基于MVC+ ...

随机推荐

  1. 初见akka-01

    最近在学习akka,在看rpc相关的东西,有点脑子疼,哈哈 1.需求: 目前大多数分布式架构底层通信是通过RPC实现的,RPC框架非常多, 比如我们学过的Hadoop项目的RPC通信框架,但是Hado ...

  2. PHP.22-Smart模版

    Smart模版 smarty是一个基于PHP开发的PHP模板引擎.它提供了逻辑与外在内容的分离,简单的讲,目的就是要使PHP程序员同美工分离,使用的程序员改变程序的逻辑内容不会影响到美工的页面设计,美 ...

  3. iOS 中 AFNetworking HTTPS 的使用

    由于我们公司由HTTP转HTTPS,出现了一系列问题特此记录下. 一.HTTPS 二.App Transport Security 三.iOS 中用HTTPS 注意的问题 四.使用 AFNetwork ...

  4. Freemarker 语法详解

    Freemarker 在线中文官方参考手册 Freemarker是一款模板引擎,是一种基于模版生成静态文件的通用工具,它是使用纯java编写的,一般用来生成HTML页面. Freemarker 生成静 ...

  5. excel批量导入

    https://www.cnblogs.com/mingyue1818/p/4828865.html

  6. Ubuntu 安装jdk与tomcat

    1.官网下载jdk,地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html ,选择 ...

  7. css 外边距，内边距的使用

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. maven学习（十六）——使用Maven构建多模块项目

    在平时的Javaweb项目开发中为了便于后期的维护,我们一般会进行分层开发,最常见的就是分为domain(域模型层).dao(数据库访问层).service(业务逻辑层).web(表现层),这样分层之 ...

  9. （总结）Nginx使用的php-fpm的两种进程管理方式及优化

    PS:前段时间配置php-fpm的时候,无意中发现原来它还有两种进程管理方式.与Apache类似,它的进程数也是可以根据设置分为动态和静态的. php-fpm目前主要又两个分支,分别对应于php-5. ...

  10. 为什么js获取图片高度的值 都为0

    尼玛 这个问题困扰我好久~ 看别人取值都是 img.width 我取到的总是0: 终于发现取图片尺寸的时候 图片还没有加载完毕.所以在 <img id ='sImg' class='thumbI ...