Maison >développement back-end >tutoriel php >Il est obligatoire que le champ de nom ne puisse pas être vide lorsque la page HTML passe à la page PHP.

Il est obligatoire que le champ de nom ne puisse pas être vide lorsque la page HTML passe à la page PHP.

王林original: 2024-03-09 17:54:04810parcourir

Lorsque la page HTML passe à la page PHP, si le champ de nom ne peut pas être vide, la fonction de vérification de formulaire correspondante doit être ajoutée à la page HTML. Voici un exemple de code simple permettant à un message d'avertissement d'apparaître lorsque le formulaire est soumis lorsque l'utilisateur ne remplit pas le nom :

Code de la page HTML (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>

Code de la page PHP (process. php) :

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

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

Dans le code ci-dessus, le formulaire de la page HTML ajoute une vérification de champ obligatoire lorsque l'utilisateur clique sur le bouton de soumission, la fonction JavaScript validateName()，检查姓名字段是否为空。如果为空，会弹出警告框，并阻止表单提交；如果不为空，则允许提交至PHP页面处理。在PHP页面中，通过$_POST['name'] sera déclenchée pour obtenir les données de nom soumises dans le formulaire. name est vide, le message d'avertissement correspondant sera renvoyé ; sinon, affichez la valeur du nom soumise.

Grâce à l'exemple de code ci-dessus, vous pouvez implémenter une vérification non vide du champ de 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：Discuzez de l'exception de connexion au compte en arrière-plan, comment y faire face ?Article suivant：Discuzez de l'exception de connexion au compte en arrière-plan, comment y faire face ?

Articles Liés

Voir plus