recherche

Maison >développement back-end >tutoriel php >Implémentez les exigences requises pour la zone de saisie du nom lorsque la page HTML passe à la page PHP

Implémentez les exigences requises pour la zone de saisie du nom lorsque la page HTML passe à la page PHP

PHPz
PHPzoriginal
2024-03-10 10:21:031158parcourir

Implémentez les exigences requises pour la zone de saisie du nom lorsque la page HTML passe à la page PHP

Lorsque vous passez de la page HTML à la page PHP, si vous devez ajouter les exigences requises à la zone de saisie du nom, vous pouvez le faire via des éléments de formulaire HTML et JavaScript. Comment implémenter cette fonctionnalité sera décrit en détail ci-dessous, avec des exemples de code spécifiques.

Tout d'abord, nous créons une page HTML contenant un formulaire et une zone de saisie de nom. Définissez une marque « obligatoire » dans la zone de saisie du nom et vous pourrez utiliser JavaScript pour implémenter la vérification requise de la zone de saisie. Lorsque l'utilisateur clique sur le bouton Soumettre, si la zone de saisie du nom est vide, la soumission du formulaire est empêchée et un message d'invite apparaît.

Ce qui suit est un exemple simple de code HTML : 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML页面跳转到PHP页面的姓名输入框必填要求</title>
</head>
<body>
<form id="myForm" action="submit.php" method="POST">
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name" required>
    <button type="submit">提交</button>
</form>
<script>
document.getElementById("myForm").onsubmit = function (event) {
    var nameInput = document.getElementById("name");
    if (nameInput.value.trim() === "") {
        event.preventDefault();
        alert("姓名不能为空，请填写姓名");
    }
}
</script>
</body>
</html>

Dans le code ci-dessus, nous avons ajouté l'attribut "obligatoire" à la zone de saisie du nom, indiquant que la zone de saisie est obligatoire. Dans le même temps, via le code JavaScript, nous avons ajouté une fonction à l'événement de soumission du formulaire. Lorsque vous cliquez sur le bouton de soumission, la zone de saisie du nom sera vérifiée. Si elle est vide, la soumission du formulaire sera empêchée et un message d'invite sera affiché. surgir.

Lorsque l'utilisateur remplit le nom et clique sur le bouton de soumission, le formulaire soumettra les données à la page "submit.php". Dans la page PHP, vous pouvez obtenir les données du formulaire soumis via la variable globale $_POST, traiter les données et renvoyer les résultats correspondants.

Il convient de noter que la vérification frontale n'est qu'une vérification auxiliaire, et que le traitement et la vérification réels des données doivent être effectués sur le back-end pour garantir la sécurité et l'intégrité des données.

J'espère que l'exemple de code ci-dessus pourra vous aider à implémenter la fonction requise de la zone de saisie du nom lorsque la page HTML passe à la page PHP.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php JavaScript html 全局变量 事件
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Compétences d'application flexibles de la boucle foreach en PHPArticle suivant：Compétences d'application flexibles de la boucle foreach en PHP

Articles Liés

Voir plus