It is required that the name field cannot be empty when the HTML page jumps to the PHP page.-PHP Tutorial-php.cn

Table of Contents

请输入您的姓名

Home

Backend Development

PHP Tutorial

It is required that the name field cannot be empty when the HTML page jumps to the PHP page.

王林

Mar 09, 2024 pm 05:54 PM

html Jump form submission Name

It is required that the name field cannot be empty when the HTML page jumps to the PHP page.

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 id="请输入您的姓名">请输入您的姓名</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>

Copy after login

PHP page code ( process.php):

<?php
$name = $_POST['name'];

if(empty($name)){
    echo "姓名不能为空，请返回<input type='button' value='返回' onclick='history.go(-1)'>";
} else {
    echo "您的姓名是：" . $name;
    // 在这里可以继续处理提交的姓名数据
}
?>

Copy after login

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn