jquery+ajax验证用户求精简代码

显示全部楼层 · 发表于 2016-5-24 16:02:29

本帖最后由 eremiter 于 2016-5-24 16:06 编辑

像下面不精简，php代码是否json更好，让高人指点改造，谢谢
一、判断用户输入是否合法
二、合法则判断数据库是否重名
三、不重名则提交，否则阻止提交

html代码
[mw_shl_code=html,true]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试用户</title>
<script type="text/javascript" src="./statics/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
var errno = null;

$(function() {
$('#username').blur(function (){
var username = $('#username').val();
var patt = /[\w]{3,12}/;
var err = '用户名不合法，只能3-12位字母或_下划线';
$('#err').html('');
if (!patt.test(username)) {
$('#err').html(err);
errno = 0;
} else {
errno = 1;

$.ajax({
url: './userauth.php',
type: 'POST',
dataType: 'html',
data: {username: username},
cache: false,
success: function(msg) {
if (msg != false) {
err = '用户名已存在';
$('#err').html(err);
errno = 0;
} else {
errno = 1;
}
}
});

}
});

$('#myForm').submit(function(e) {
if (!errno) { // 当username验证不合法，则阻止表单提交
//alert(errno);// 调试
e.preventDefault(); //
}
});
[mw_shl_code=css,true]<?php
$pdo = new PDO('mysql:host=127.0.0.1; dbname=cms', 'root', '123456');
$pdo->exec('SET NAMES utf8');
$username = isset($_POST['username']) ? $_POST['username'] : 0;
$username = trim($username);
//$username = 'gavin';
if ($username) {
$sql = 'SELECT `username` FROM her_member WHERE `username` = "'. $username. '"';

$result = $pdo->query($sql);
if ($result->fetchColumn()) {
echo 1; // 用户名重复
} else {
echo 0;
}
} else {
echo 0;
exit;
}

?>[/mw_shl_code]
});

</script>
</head>
<body>
<form action="userauth.php" method="post" id="myForm">
<input type="text" name="username" id="username" /><span id="err"></span></br>
<input type="text" name="nick" id="nick" /></br>
<input type="submit" value="提交" >
</form>
</body>
</html>[/mw_shl_code]

php代码userauth.php

[软件] jquery+ajax验证用户求精简代码