版权声明:博客知识产权来源命运的信徒,切勿侵权 https://blog.csdn.net/qq_37591637/article/details/88366860
要求:
1、在数据库里面查询有没有和表单里面的用户名重复的,如果重复就提示,用户名不能重复
2、不重复的话,就执行插入云服务器里面的数据库中
html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>css3炫酷登录页</title>
<meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
<meta name="author" content="Vincent Garreau" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- 引入bootstrap框架 js-->
<script src="../script/jquery-3.3.1.min.js"></script>
<script src="../script/api.js"></script>
<script src="../script/ulogin.js"></script>
<!-- 引入bootstrap框架 css-->
<link rel="stylesheet" type="text/css" href="../css/api.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="stylesheet" media="screen" href="../css/jstyle.css">
</head>
<body>
<div id="particles-js" style="background-image:../image/bg.jpg">
<!-- 表单 -->
<!-- 插入 -->
<div id="form">
<table id="tab">
<tr><td>注册</td></tr>
<tr><td><img src="../res/img/yhm.png" class="icon"/> <input type="text" id="user" placeholder="注册一个用户名"></td></tr>
<tr><td><img src="../res/img/mm.png" class="icon"/> <input type="password" id="pass" placeholder=""></td></tr>
<tr><td rowspan="2"><input type="button" class="button" value="注册" onclick="regt(user.value,pass.value)"></td></tr>
</table>
<span class="others"><a href="frame3.html">已有账户</a></span>
</div>
<!-- 表单结束-->
<!-- scripts -->
<script src="../script/particles.min.js"></script>
<script src="../script/app.js"></script>
</body>
</html>
效果如下
js代码如下
//注册
function regt(user,pass){
//配置信息
var model = api.require('model');
var query = api.require('query');
model.config({
appId: 'A6006471302025',
appKey: '41DEF0A4-9F9B-B578-0ED4-A63ACBF338E8',
host: 'https://d.apicloud.com'
});
query.createQuery(function(ret,err){
//1.查询是否有重复的用户名
var queryId=ret.qid;
query.whereEqual({
qid: queryId,
column: 'name',
value: user
});
//查询是否有重复的用户名
model.count({
class: 'userinfo',
qid:queryId
},function(ret,err){
if(ret){
//提示用户名不能重复
// var str=JSON.stringify(ret)[0].count;
var str=JSON.stringify(ret);
var cou=str.split(":")[1];
var i=parseInt(cou);
if(i > 0){
alert(i+"大于0");
//提示用户名不能重复
api.toast({
msg: '用户名已存在了,请重新输入',
duration: 3000,
location: 'bottom'
});
}else{
alert(i+"小于0");
//2.执行插入数据库的操作
model.insert({
class: 'userinfo',
value: {
name:user,
password:pass
}
},function(ret,err){
alert("插入成功");
});
//2.执行插入数据库的操作
}
}else{
}
});
});
}
难点在于:
查询数据库中存在多少条和当前用户名重复的数据,如果是0则插入数据,如果>0就提示重复了
但是怎么获取这个数字0呢?
我用了字符串切割技术!!