form表单简易注册登陆
2024-09-06 01:56:07
注册页面:
html
<form action="updata.php" method="post" id="text_form"> <div class="yuanGongH ipt">员工号:<input type="text" id="ygh" value="" name="ygh"></div>
<div class="phone ipt"><i>手机号:<input type="text" value="" name="phone" id="phone"></div> <div class="szmm ipt">密码:<input type="text" value="" name="password" id="pass"></div>
<div class="qrmm ipt">确认密码:</i><input type="text" value="" name="qrpass" id="qrpass"></div> </form>
<div class="btn_zhuce">注册</div>
js
$(".btn_zhuce").click(function(){ var text_form = document.getElementById('text_form');
var ygh = document.getElementById("ygh").value;
var phone = document.getElementById("phone").value;
var pass = document.getElementById("pass").value;
var qrpass = document.getElementById("qrpass").value;
if(ygh == "" ){
alert("员工号不能为空");
return false;
}
if(phone == "" ){
alert("电话不能为空");
return false;
} if(pass == "" ){
alert("密码不能为空");
return false;
}
if(qrpass !== pass){
alert("密码不同");
return false;
} else{
text_form.submit(); return true;
} })
php
<?php $ygh=$_POST['ygh'];
$phone=$_POST['phone'];
$pass=$_POST['password'];
$qrpass=$_POST['qrpass']; $servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "bsbeijing"; // 创建连接 面向过程写法
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if (!$conn) {
die("连接失败: " . mysqli_connect_error());
}
mysqli_query($conn,'set names utf8');//设置字符集 $sql = "INSERT INTO zhuce(`ygh`, `phone`,`password`,`qrpass`) VALUES ('$ygh', '$phone','$pass','$qrpass')";//查询这个表 //判断是否成功
if (mysqli_query($conn, $sql)) {
echo "<script>window.location.href='denglu.html';alert('注册成功')</script>";
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
} mysqli_close($conn); ?>
登录页:
html
<form action="downdata.php" method="post" id="text_form"> <div class="yuanGongH ipt"><i><img src="data:images/icon1_03.png" alt=""></i><input type="text" value="" id="ygh" name="ygh"></div>
<div class="miM ipt"><i><img src="data:images/icon2_03.png" alt=""></i><input type="text" name="pass" id="pass" value="" ></div> </form>
<div class="zcwj"><span><a href="zhuce.html">注册</a></span></div>
<div class="btn_denglu">登陆</div>
js
$(".btn_denglu").click(function(){ var text_form = document.getElementById('text_form');
var ygh = document.getElementById("ygh").value;
var pass = document.getElementById("pass").value; text_form.submit(); return true; })
php
<?php $ygh=$_POST["ygh"];
$pass=$_POST["pass"]; $servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "bsbeijing"; // 创建连接 面向过程写法
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if (!$conn) {
die("连接失败: " . mysqli_connect_error());
}
mysqli_query($conn,'set names utf8');//设置字符集
$sql = "SELECT ygh, password FROM zhuce WHERE (ygh='$ygh') AND (password='$pass')";//查询这个表特定值
$result = mysqli_query($conn, $sql);//结果
if ($result->num_rows > 0) { echo "<script>window.location.href='tjdh.html';</script>";
} else {
echo "<script>window.location.href='denglu.html';alert('账号密码错误')</script>";
} mysqli_close($conn);
?>
最新文章
- 如何下载Github单个文件(Windows平台)
- 大熊君JavaScript插件化开发------(实战篇之DXJ UI ------ ItemSelector)
- static 作用
- 解决MyEclipse报错问题
- Visual Studio C#的winform/webform/asp.net控件命名规范
- C# 生成条形码
- Android5.0版本之后切换听筒模式
- 如何找出component的注册路径
- 【转】Java transient关键字
- apache、mod_jk负载均衡与tomcat集群
- CentOS7--iptables的配置
- 利用Hierarchy Viewer优化布局
- 用过的一些Android设备调试特性注意点(挖坑帖)
- Eclipse安装TestNG
- 翻译:SELECT INTO语句(已提交到MariaDB官方手册)
- jquery tooltip
- 031_keepalive+nginx保证nginx高可用
- 关于Dubbo和Spring异步注解@Async的冲突
- CSS布局学习(二) - flex属性
- 神州数码多区域OSPF配置
热门文章
- this 关键字的使用及说明
- NodeJS学习笔记之Connect中间件应用实例
- kettle 中 java.lang.ClassCastException: [B cannot be cast to java.lang.String报错的解决方法
- Nginx常用功能配置二
- Vue——组件上使用v-model
- spring MVC 转发与重定向(传参)
- 再次封装ajax函数,统一入口
- IOS配置cocos2d-x
- 利用msbuild白名单执行shellcode
- 【BZOJ2298】【luoguP2519】problem a