У меня есть следующий код Javascript:
function checkIfValid(){
var form = document.createuserform;
if(form.fName.value == "" || form.lName.value == "" || form.pass.value == "" || !isValidEmail()){
alert("Please Ensure All Fields Are Filled In Correctly");
}else{
//submit form
form.submit();
}
}
function isValidEmail(){
var x=document.forms["createuserform"]["email"].value
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
return false;
}
return true;
}
Это для создания пользовательской страницы. JavaScript проверяет правильность введенных данных, а затем отправляет форму в приложение php, которое затем сохраняет данные в базе данных ...
Вот HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Create User</title>
<script src="http://dev.speechlink.co.uk/David/js/createuser.js" type="text/javascript"></script>
</head>
<body>
<h1>Create User</h1>
<p>Please fill in the details below to create a new user account</p>
<form name = "createuserform" action = "http://dev.speechlink.co.uk/David/createuser.php" method = "post">
<p>First Name: <input name = "fName" type="text" size="25"></p>
<p>Last Name: <input name = "lName" type="text" size="25"></p>
<p>E-mail: <input name = "email" type="text" size="25"></p>
<p>Password: <input name = "pass" type="text" size="25"></p>
<p> Gender: <input type="radio" name="gender" value="M" checked> Male
<input type="radio" name="gender" value="F"> Female</p>
<p>User Type: <select name="usertype">
<option>Athlete</option>
<option>Support Staff</option>
</select></p>
<p><input type ="button" value="Create Account" name = "createuser" onclick="checkIfValid()"></p>
</form>
</body>
</html>
Код php выглядит следующим образом:
<?php
session_start();
$dbh = connect();
//connect to database
function connect() {
$dbh = mysql_connect ("localhost", "abc123", "def567") or die ('I cannot connect to the database because: ' . mysql_error());
mysql_select_db("PDS", $dbh);
return $dbh;
}
//insert into database
if (isset($_POST['createuser'])){
//prevent SQL injections (this version of php does not support mysqli functions)
$fn = mysql_real_escape_string($_POST['fName']);
$ln = mysql_real_escape_string($_POST['lName']);
$email = mysql_real_escape_string($_POST['email']);
$gender = mysql_real_escape_string($_POST['gender']);
$usertype = mysql_real_escape_string($_POST['usertype']);
if($usertype == 'Athlete'){
$usertype = 'Athletes';
}else{
$usertype = 'SupportStaff';
}
$pass = md5($_POST['pass']);
if(eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$", $email)) {
$query= "SELECT * FROM $usertype WHERE email = '" . $email . "'";
$result = mysql_query($query);
if(mysql_num_rows($result) < 1 || !mysql_num_rows($result)) {
$query= "INSERT INTO $usertype (fName, lName, gender, email, password) VALUES ('$fn', '$ln', '$gender', '$email', '$pass')";
mysql_query($query);
mysql_close($dbh);
echo ("&result=true&");
} else {
mysql_close($dbh);
echo "&result=userexists&";
}
}
else {
mysql_close($dbh);
echo "&result=false&"; //invalid e-mail address
}
}
?>
PHP работает, когда я использую кнопку отправки в HTML-форме для отправки непосредственно к нему. Но когда я использую javascript, страница нацелена, но она пуста ... ничего не отражено ... Есть идеи?
У меня такое чувство, что форма не перехватывает имя 'createuser' кнопки HTML, запускающей javascript ... Поскольку мой php-файл ожидает установки $ _POST ['createuser'] ... возможно, это не так ...