Home > Article > Backend Development > It is required that the name field cannot be empty when the HTML page jumps to the PHP page.
It is required that the name field cannot be empty when the HTML page jumps to the PHP page.
- 王林Original
- 2024-03-09 17:54:04763browse
When the HTML page jumps to the PHP page, if the name field cannot be empty, the corresponding form verification function needs to be added to the HTML page. The following is a simple sample code to enable a warning message to pop up when the form is submitted when the user does not fill in the name:
HTML page code (index.html):
<!DOCTYPE html>
<html>
<head>
<title>姓名字段验证示例</title>
</head>
<body>
<h2>请输入您的姓名</h2>
<form method="post" action="process.php" onsubmit="return validateName()">
姓名：<input type="text" name="name" id="name" required>
<input type="submit" value="提交">
</form>
<script>
function validateName() {
var name = document.getElementById('name').value;
if (name === "") {
alert("姓名不能为空，请填写您的姓名");
return false; // 阻止表单提交
}
return true; // 允许表单提交
}
</script>
</body>
</html>PHP page code ( process.php):
<?php
$name = $_POST['name'];
if(empty($name)){
echo "姓名不能为空，请返回<input type='button' value='返回' onclick='history.go(-1)'>";
} else {
echo "您的姓名是：" . $name;
// 在这里可以继续处理提交的姓名数据
}
?> In the above code, a required field validation is added to the form in the HTML page. When the user clicks the submit button, the JavaScript function validateName() will be triggered. Check if the name field is empty. If it is empty, a warning box will pop up and prevent form submission; if it is not empty, it will allow submission to the PHP page for processing. In the PHP page, use $_POST['name'] to obtain the name data submitted in the form. If the name is empty, the corresponding warning message will be returned; otherwise, the submitted name value will be displayed.
Through the above code example, you can implement non-empty verification of the name field when the HTML page jumps to the PHP page.
The above is the detailed content of It is required that the name field cannot be empty when the HTML page jumps to the PHP page.. For more information, please follow other related articles on the PHP Chinese website!