数据表结构

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. sparkStreaming统计各平台最近一分钟实时注册收入 时间段，平台，金额，订单数

    样例数据: __clientip=10.10.9.153&paymentstatus=0&__opip=&memberid=89385239&iamount=1& ...

  2. Android面试收集录8 HandlerThread详解

    1.前言 我们知道在Android系统中,我们执行完耗时操作都要另外开启子线程来执行,执行完线程以后线程会自动销毁. 想象一下如果我们在项目中经常要执行耗时操作,如果经常要开启线程,接着又销毁线程, ...

  3. 20145202 《信息安全系统设计基础》git安装

    git的安装 直接输入指令将其安装就可以了. 安装的时候要设置公钥,我不知道以前在windows上设置过的公钥是否还能用所以我就还是从新搞了一个. 验证可以连通 遇到的问题

  4. Java虚拟机之搜索class文件

    Java命令 Java虚拟机的工作是运行Java应用程序.和其他类型的应用程序一样,Java应用程序也需要一个入口点,这个入口点就是我们熟知的main()方法.如果一个类包含main()方法,这个类就 ...

  5. Web安全1&沙箱隔离

    1.web安全 Web安全的本质是信任问题 •由于信任,正常处理用户恶意的输入导致问题的产生 •非预期的输入(就是不是程序员预期的客户的输入) 安全是木桶原理,短的那块板决定的木桶世纪能装多少水,同样 ...

  6. sourceInsight *** more bytes are required

    现象:用sourceinsight修改的文件无法保存,提示 No enough space to save "XXX", xxx more bytes are required. ...

  7. laravel5.5入口文件分析

    入口文件 public/index.php 1.加载composer的自动加载器 require __DIR__.'/../vendor/autoload.php'; 自动加载,不用再各种requir ...

  8. Docker应用设计四大关键

    TechTarget中国原创] Docker已经垄断了容器技术.设计应用时注意考虑便携性能够帮助企业利用容器技术能提供的所有优势. 随着Docker应用和容器越来越流行,很多公司都开始将容器技术作为其 ...

  9. 《Cracking the Coding Interview》——第1章：数组和字符串——题目1

    2014-03-18 01:25 题目:给定一个字符串,判断其中是否有重复字母. 解法:对于可能有n种字符的字符集,用一个长度为n的数组统计每个字符的出现次数,大于1则表示有重复. 代码: // 1. ...

  10. QA 、 QC & QM软件测试入门专业名词解释 -- 灌水走起

    灌水正式开始: 说明:我的农田,我灌水 一.QA . QC & QM: 1.QM QM 是quanlity management,中文名称是品质管理 2.QA QA是英文quality ass ...