我需要帮助来完成javascript验证 [英] i need help finishing a javascript validation
本文介绍了我需要帮助来完成javascript验证的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
你好，
我有一个独立的html注册页面和一个php类，用于验证服务器端的用户输入.我想要一个JavaScript来验证用户端.
这是我到目前为止所拥有的！它所做的只是检查字段是否为空.我希望能够使用javascript验证所有字段，例如，验证用户名是否包含字母和数字，密码包含大小写字符以及数字等.
javascript
Hi there,
I have a stand alone registration page in html and a php class that validates user inputs from server side. I want a javascript to validate user side.
here is what i have so far! All it does is checks if the fields are empty. I want to be able to validate all fields with javascript for example, validate username that it has letters and number, password contains upper and lower case characters as well as number etc.
javascript
var pwd = document.forms["registration"]["pwd"].value;
var confpwd = document.forms["registration"]["confpwd"].value;
var lastname = document.forms["registration"]["lastname"].value;
var fname = document.forms["registration"]["fname"].value;
var dob = document.forms["registration"]["dob"].value;
var email = document.forms["registration"]["email"].value;
var confemail = document.forms["registration"]["confemail"].value;
var tel = document.forms["registration"]["tel"].value;
var add1 = document.forms["registration"]["add1"].value;
var add2 = document.forms["registration"]["add2"].value;
var twnc = document.forms["registration"]["twnc"].value;
var ptc = document.forms["registration"]["ptc"].value;
var username=document.getElementById("userid");
if(username.value=="")
{
alert("Please enter username");
username.focus();
return false;
}
var Password=document.getElementById("pwd");
if(Password.value=="")
{
alert("Please enter Password");
Password.focus();
return false;
}
var rePassword=document.getElementById("confpwd");
if(rePassword.value=="")
{
alert("Please re-enter password");
rePassword.focus();
return false;
}
var dob=document.getElementById("dob");
if(dob.value=="")
{
alert("Please re-enter dob");
dob.focus();
return false;
}
var email=document.getElementById("email");
if(email.value=="")
{
alert("Please re-enter email");
email.focus();
return false;
}
var cemail=document.getElementById("confemail");
if(cemail.value=="")
{
alert("Please re-enter email");
cemail.focus();
return false;
}
var address=document.getElementById("add1");
if(address.value=="")
{
alert("Please re-enter address");
address.focus();
return false;
}
var city=document.getElementById("twnc");
if(city.value=="")
{
alert("Please re-enter town/city");
city.focus();
return false;
}
var post=document.getElementById("ptc");
if(pin.value=="")
{
alert("Please re-enter Postcode");
pin.focus();
return false;
}
我的问题是我不知道如何在javascrip中编码，但是我在php中完成了编码.所以基本上我想帮助我做下面在php到javascript中所做的相同的事情.到目前为止，我只有一个注释框，如果任何字段为空，则会显示
my problem is that I don''t know how to code it in javascrip but i done it in php. So basically i want help to do the same i done below in php into javascript. so far i just have a commentbox that shows up if any of the fields are empty
<?php
include("databaselink.php");
$valid = false;
$dobvalid = "";
//Username
if (preg_match("/^[a-zA-Z0-9_-]{6,14}+$/", $_POST["userid"]))
{
echo"Username is valid<br>";
$validuserid = "select * from user_register where Username = '$_POST[userid]'";
$checkuserid = mysql_query($validuserid,$link) or die(mysql_error());
if(mysql_num_rows($checkuserid)>=1)
{
echo"Username is already in the database please try another<br>";
$valid = false;
}
else
{
echo"Username not in database<br>";
$valid = true;
}
}
else
{
echo"Please enter a valid Username<br>";
$valid = false;
}
//Password match
if($valid == true)
{
echo "Password is valid<br>";
//checking if the two passwords entered match
if($_POST["pwd"] ==$_POST["confpwd"])
{
echo "working password<br>";
$valid = true;
}
else
{
echo"Your passwords do not match, try again.<br>";
$valid = false;
}
}
//Password
if ($valid == true)
{
if (preg_match("/^.*(?=.{6,})(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z]).*$/", $_POST["pwd"]))
{
echo "working<br>";
$valid = true;
}
else
{
echo"Please ensure that password is at least 6 characters long, numbers and includes upper and lower case letters.";
}
}
//Surname
if($valid == true)
{
if(preg_match("/^[A-Za-z]{3,20}-{0,1}[a-z]{0,50}+$/", $_POST["lastname"]))
{
echo "Name working<br>";
$valid = true;
}
else
{
echo"Surname Must Only contains letters<br>";
$valid = false;
}
}
//First name
if($valid == true)
{
if(preg_match("/^[A-Za-z]{3,20}-{0,1}[a-z]{0,50}+$/", $_POST["fname"]))
{
echo "First name working <br>";
$valid = true;
}
else
{
echo"First name Must Only contains letters<br>";
$valid = false;
}
}
//Date of Birth
if ($valid == true)
{
if(preg_match("/^[0-3][0-9][\-\/\.][0-1][1-9][\-\/\.][1-2][0-9][0-9][0-9]+$/", $_POST["dob"]))
{
$dobsplit = preg_split('/-/',$_POST["dob"]);
$d = $dobsplit[0];
$m = $dobsplit[1];
$y = $dobsplit[2];
//validating date, month and year
if($d >31) //if date is greater than 31 days
{
echo"Please enter valid day<br>";
$valid = false;
}
if($m >12)
{
echo"Please enter valid month<br>";
$valid = false;
}
if($y >1901)
{
echo"Please enter valid year<br>";
$valid = false;
}
echo"dob working<br>";
$dobvalid = $y."-".$m."-".$d;
$valid = true;
}
else
{
echo"Please make sure that your date of birth is in the following format - YYYY/MM/DD<br>";
$valid = false;
}
}
//Email match
if($valid == true)
{
if($_POST["email"]== $_POST["confemail"])
{
echo "email match working<br>";
$valid = true;
}
else
{
echo"Emails enter do not match.<br>";
$valid = false;
}
}
//Email
if($valid == true)
{
if(filter_var($_POST["email"],FILTER_VALIDATE_EMAIL))
{
echo "Email working<br>";
$valid = true;
}
else
{
echo"Ensure that formart is correct, i.e. john@example.com<br>";
$valid = false;
}
}
//Phone Number
if ($valid == true)
{
if(preg_match("/^[0-9]{7,12}+$/", $_POST["tel"]))
{
echo"Phone working<br>";
$valid = true;
}
else
{
echo "Please enter a valid UK telephone number containing numbers only<br>";
$valid = false;
}
}
//Address line 1
if($valid == true)
{
if(preg_match("/^[a-zA-Z0-9 -,]{5,50}+$/", $_POST["add1"]))
{
echo "Address line 1 working<br>";
$valid = true;
}
else
{
echo"Ensure that address contains numbers and letters only<br>";
$valid = false;
}
}
//Address line 2
if($valid == true)
{
if(preg_match("/^[a-zA-Z0-9 -,]{5,50}+$/", $_POST["add2"]))
{
echo "Address line 2 working<br>";
$valid = true;
}
else
{
echo"Ensure that address contains numbers and letters only<br>";
$valid = false;
}
}
//Town/City
if($valid == true)
{
if(preg_match("/^[a-zA-Z0-9 -,]{5,50}+$/", $_POST["twnc"]))
{
echo "Town working<br>";
$valid = true;
}
else
{
echo"Ensure that town/city contains numbers and letters only<br>";
$valid = false;
}
}
//Post Code
If($valid == true)
{
if(preg_match("/^[A-Za-z][a-zA-Z0-9]{1,3}[ ][0-9][a-zA-Z]{2}+$/", $_POST["ptc"]))
{
echo "Post code working<br>";
$valid = true;
}
else
{
echo"Please enter a valid UK postcode - max charaters is 7 including numbers and letters<br>";
$valid = false;
}
}
$sql= "INSERT INTO user_register (Username, Password, Surname, FirstName, DateofBirth, Email, Telephone, Addressline1, Addressline2, TownCity, PostCode) VALUES('$_POST[userid]' ,'$_POST[pwd]', '$_POST[lastname]', '$_POST[fname]', '$_POST[dob]', '$_POST[email]', '$_POST[tel]', '$_POST[add1]', '$_POST[add2]', '$_POST[twnc]', '$_POST[ptc]')";
if($valid == true)
{
if(!mysql_query($sql,$link))
{
die('error: cannot connect '.mysql_error());
}
echo"Thank You! Your record has been added!<br>";
}
else
{
echo"Your record was not added<br>";
return $valid;
}
?>
如果可能的话，我需要一个快速的解决方案.在此先感谢
I need a quick solution if possible please. Thanks in advance
推荐答案
valid = false;
valid = false;
dobvalid = " ; // 用户名 如果(preg_match("
dobvalid = ""; //Username if (preg_match("/^[a-zA-Z0-9_-]{6,14}+
/"，
这篇关于我需要帮助来完成javascript验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
