Ajax用戶註冊驗證

時間 2021-08-13

標籤 php css html mysql sql ide post spa code orm 欄目 Ajax 简体版

原文原文鏈接

1.創建php文件判斷處理

點擊(此處)摺疊或打開 php

<?php
if($_POST) {
$name = $_POST['name'];
$email = $_POST['email'];
$username = $_POST['username'];
$password = $_POST['password'];
$gender = $_POST['gender'];
// Full Name
if (eregi('^[A-Za-z0-9 ]{3,20}$',$name)){
$valid_name=$name;
}else{
$error_name='Enter valid Name.';
}
// Email
if (eregi('^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.([a-zA-Z]{2,4})$', $email)){
$valid_email=$email;
}else{
$error_email='Enter valid Email.';
}
// Usename min 2 char max 20 char
if (eregi('^[A-Za-z0-9_]{3,20}$',$username)){
$valid_username=$username;
}else{
$error_username='Enter valid Username min 3 Chars.';
}
// Password min 6 char max 20 char
if (eregi('^[A-Za-z0-9!@#$%^&*()_]{6,20}$',$password)){
$valid_password=$password;
}else{
$error_password='Enter valid Password min 6 Chars.';
}
// Gender
if ($gender==0){
$error_gender='Select Gender';
}else{
$valid_gender=$gender;
}
if((strlen($valid_name)>0)&&(strlen($valid_email)>0)&&(strlen($valid_username)>0)&&(strlen($valid_password)>0) && $valid_gender>0 ){
//mysql_query(' SQL insert statement');
header("Location: thanks.html");
}
else{
}
}
?>

2.創建一個表單

點擊(此處)摺疊或打開 css

<html>
<head>
<title></title>
<style type="text/css">
.err{
font-size:11px;
padding-left:10px;
color:#CC0000;
float:left;}
input{
float:left;
}
</style>
</head>
<body>
<form autocomplete="off" enctype="multipart/form-data" method="post" action="" name="form">
<ul>
<li id="foli1" class=" ">
<label class="desc" id="title1" for="Field1">Full Name</label>
<div>
<input id="name" name="name" type="text" class="field text medium" value="<?php echo $valid_name; ?>" maxlength="255" tabindex="1" /><span class="err"> <?php echo $error_name; ?></span>
</div>
</li>
<li id="foli2" class=" ">
<label class="desc" id="title2" for="Field2">Email</label>
<div>
<input id="email" name="email" type="text" class="field text medium" value="<?php echo $valid_email; ?>" maxlength="255" tabindex="2" /><span class="err"> <?php echo $error_email; ?></span>
</div>
</li>
<li id="foli3" class=" ">
<label class="desc" id="title3" for="Field3">
User-ID </label>
<div>
<input id="username" name="username" type="text" class="field text medium" value="<?php echo $valid_username; ?>" maxlength="255" tabindex="3" /><span class="err"> <?php echo $error_username; ?></span>
</div>
</li>
<li id="foli4" class=" ">
<label class="desc" id="title4" for="Field4">Password </label>
<div>
<input id="password" name="password" type="password" class="field text medium" value="<?php echo $valid_password; ?>" maxlength="255" tabindex="4" /><span class="err"> <?php echo $error_password; ?></span>
</div>
</li>
<li id="foli6" class=" ">
<label class="desc" id="title6" for="Field6"> Gender</label>
<div>
<select id="gender" name="gender" class="field select medium" tabindex="5" style="float:left">
<option value="0">Gender</option><option value="1">Male</option><option value="2">Female</option>
</select><span class="err"> <?php echo $error_gender; ?></span>
</div>
</li>
<li id="foli15" class=" "></li>
<li class="buttons">
<input type="submit" value="Submit" style=" background:#0060a1; color:#FFFFFF; font-size:14px; border:1px solid #0060a1"/>
</li>
</ul>
</form>
</body>
</html>