[英]Integration of Javascript and PHP functions and Validation
我有一個作業,需要在JavaScript中調用驗證onsubmit
。 這部分效果很好。
第二部分是將PHP驗證納入服務器端。 編碼應該在同一頁上,因此,下面的內容是通過一些研究和發現的示例得出的,這就是我想出的:
<?php
echo "<form action='' method='post' onsubmit='return regValidation()' id='RegistrationForm'>";
echo " <div>";
echo " <span class='reglbl'>";
echo " First Name: <input type='text' name='FirstName' id='FirstNameID'/>";
echo " Last Name: <input type='text' name='LastName' id='LastNameID'/>";
echo " </span>";
echo " </div>";
echo " <div>";
echo " <span class='reglbl'>";
echo " Email Address: <input type='text' name='email' id='EmailID'/>";
echo " Phone Number: <input type='text' name='PhoneNum' id='PhoneNumID'/>";
echo " </span>";
echo " </div>";
echo " <div class='reglbl'>Pssword: <input type='password' name='PWD1' id='PWD1'/></div>";
echo " <div class='reglbl'>Confirm Password: <input type='password' name='PWD2' id='PWD2'/></div>";
echo " <div><input type='submit' value=' Register ' id='sub' /></div>";
echo "</form>";
if(!isset($_REQUEST['FirstName']) ||
!isset($_REQUEST['LastName']) ||
!isset($_REQUEST['email']) ||
!isset($_REQUEST['PhoneNum']) ||
!isset($_REQUEST['PWD1']) ||
!isset($_REQUEST['PWD2']) ||
$_REQUEST['FirstName'] =="" ||
$_REQUEST['LastName'] == "" ||
$_REQUEST['email'] == "" ||
$_REQUEST['PhoneNum'] == "" ||
$_REQUEST['PWD1'] == "" ||
$_REQUEST['PWD2']=="")
{
echo "<script>alert('Please enter all fields!')</script>";
} elseif($_REQUEST['PWD1']!=$_REQUEST['PWD2']) {
echo "<script>alert('Passwords entered do not match!')</script>";
} elseif(strlen($_REQUEST['PWD1'])<8||strlen($_REQUEST['PWD2'])<8) {
echo "<script>alert('Passwords must be 8 or more characters!')</script>";
} else {
// CALL A FUNCTION IN PHP HERE
}
?>
因此,Java和PHP中的驗證都是相同的,唯一的區別是PHP會檢查更多的8個字符長度的密碼,但是執行此代碼時,JavaScript才是唯一的驗證。
我也想知道如何調用包含最終腳本的外部PHP。
如果/ REGISTAR VALIDATION函數regValidation(){
var firstName = document.getElementById('FirstNameID');
var lastName = document.getElementById('LastNameID');
var email = document.getElementById('EmailID');
var pwd1 = document.getElementById('PWD1');
var pwd2 = document.getElementById('PWD2');
if(firstName.value == '' || lastName.value == '' || email.value == '' || pwd1.value == '' || pwd2.value == '')
{
alert("Please enter all fields!");
}
else if (pwd1.value !== pwd2.value)
{
alert("Passwords entered do not match!");
}
else
{
}
return false;
}
試試這個會幫助你
<?php
echo "<form action='' method='post' onsubmit='return regValidation()' id='RegistrationForm'>";
echo " <div>";
echo " <span class='reglbl'>";
echo " First Name: <input type='text' name='FirstName' id='FirstNameID'/>";
echo " Last Name: <input type='text' name='LastName' id='LastNameID'/>";
echo " </span>";
echo " </div>";
echo " <div>";
echo " <span class='reglbl'>";
echo " Email Address: <input type='text' name='email' id='EmailID'/>";
echo " Phone Number: <input type='text' name='PhoneNum' id='PhoneNumID'/>";
echo " </span>";
echo " </div>";
echo " <div class='reglbl'>Pssword: <input type='password' name='PWD1' id='PWD1'/></div>";
echo " <div class='reglbl'>Confirm Password: <input type='password' name='PWD2' id='PWD2'/></div>";
echo " <div><input type='submit' name='formSubmit'value='Register' id='sub' /></div>";
echo "</form>";
if(isset($_REQUEST['formSubmit']) && $_REQUEST['formSubmit'] == 'Register')
{
if(!isset($_REQUEST['FirstName']) ||
!isset($_REQUEST['LastName']) ||
!isset($_REQUEST['email']) ||
!isset($_REQUEST['PhoneNum']) ||
!isset($_REQUEST['PWD1']) ||
!isset($_REQUEST['PWD2']) ||
$_REQUEST['FirstName'] =="" ||
$_REQUEST['LastName'] == "" ||
$_REQUEST['email'] == "" ||
$_REQUEST['PhoneNum'] == "" ||
$_REQUEST['PWD1'] == "" ||
$_REQUEST['PWD2']=="")
{
echo "<script>alert('Please enter all fields!')</script>";
} elseif($_REQUEST['PWD1']!=$_REQUEST['PWD2']) {
echo "<script>alert('Passwords entered do not match!')</script>";
} elseif(strlen($_REQUEST['PWD1'])<8||strlen($_REQUEST['PWD2'])<8) {
echo "<script>alert('Passwords must be 8 or more characters!')</script>";
} else {
// CALL A FUNCTION IN PHP HERE
}
}
?>
您可以通過javascript函數添加更多驗證長度的密碼
<script>
function regValidation(){
var firstName = document.getElementById('FirstNameID');
var lastName = document.getElementById('LastNameID');
var email = document.getElementById('EmailID');
var pwd1 = document.getElementById('PWD1');
var pwd2 = document.getElementById('PWD2');
if(firstName.value == '' || lastName.value == '' || email.value == '' || pwd1.value == '' || pwd2.value == '')
{
alert("Please enter all fields!");
}
else if (pwd1.value !== pwd2.value)
{
alert("Passwords entered do not match!");
}
else
{
return true;
}
return false;
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.