Implémentation de la vérification de la soumission du formulaire en PHP dans le mini-programme WeChat

Avec l'application généralisée des mini-programmes WeChat, de plus en plus d'entreprises et de particuliers doivent créer leurs propres sites Web sur des mini-programmes pour fournir aux utilisateurs de meilleurs services. Parmi eux, le formulaire est l'un des composants indispensables du mini-programme. Les utilisateurs peuvent soumettre des données via le formulaire. En tant que langage largement utilisé dans la programmation côté serveur Web, PHP peut réaliser des fonctions telles que la vérification et le stockage des données du formulaire. Dans cet article, nous présenterons comment utiliser PHP pour implémenter la vérification des soumissions de formulaires dans les mini-programmes WeChat.

1. Tout d'abord, ajoutez le composant de formulaire dans le mini-programme et définissez l'adresse de soumission du formulaire.

<form action="submit.php" method="post">
    <input type="text" name="name" placeholder="请填写姓名">
    <input type="tel" name="phone" placeholder="请填写手机号">
    <button form-type="submit">提交</button>
</form>

Dans le formulaire, nous avons mis en place deux zones de saisie pour remplir votre nom et votre numéro de téléphone portable, ainsi qu'un bouton de soumission. Parmi eux, l'adresse de soumission du formulaire est submit.php.

2. Ensuite, nous devons écrire le fichier submit.php pour recevoir les données soumises par le formulaire et les vérifier.

<?php
header("Content-Type: application/json; charset=utf-8"); //设置返回json格式数据
$name = trim($_POST['name']); //获取提交的姓名
$phone = trim($_POST['phone']); //获取提交的手机号
$error = array(); //定义错误数组
//对姓名和手机号进行验证
if(empty($name)){
    $error['name'] = '姓名不能为空';
}
if(empty($phone)){
    $error['phone'] = '手机号不能为空';
}elseif(!preg_match("/^[1][3,4,5,7,8][0-9]{9}$/",$phone)){
    $error['phone'] = '手机号格式不正确';
}
if(count($error)>0){ //如果有错误，则返回错误信息
    $result = array('code'=>-1,'msg'=>'验证失败','error'=>$error);
}else{ //否则，返回成功信息
    $result = array('code'=>0,'msg'=>'验证成功','data'=>array('name'=>$name,'phone'=>$phone));
}
echo json_encode($result,JSON_UNESCAPED_UNICODE); //输出json格式的结果
?>

Dans le fichier submit.php, nous définissons d'abord le format des données renvoyées sur json. Ensuite, obtenez le nom et le numéro de téléphone portable renseignés par l'utilisateur via $_POST. Ensuite, vérifiez le nom et le numéro de téléphone mobile. Si une erreur se produit lors de la vérification, les informations d'erreur sont stockées dans le tableau $error. Enfin, les données json correspondantes sont générées en fonction des résultats de la vérification.

3. Enfin, nous traitons les résultats de la soumission du formulaire dans l'applet.

wx.request({
    url: 'submit.php',
    method: 'POST',
    data: {
        name: name,
        phone: phone
    },
    success: function(res){
        if(res.data.code==0){ //验证成功
            wx.showToast({
                title: res.data.msg,
                icon: 'success'
            })
            //此处可以进行表单数据的保存等操作
        }else{ //验证失败
            wx.showModal({
                title: '提示',
                content: res.data.msg,
                showCancel: false
            })
            //如果需要，可以在表单中将错误信息逐一显示出来
        }
    }
})

Dans le mini programme, nous utilisons la fonction wx.request pour envoyer une requête POST au fichier submit.php et transmettre les données du formulaire. Dans la fonction de rappel réussie, déterminez si le code renvoyé est 0. S'il est égal à 0, cela indique que la vérification a réussi, une boîte de dialogue d'invite de réussite apparaît et des opérations telles que l'enregistrement des données du formulaire peuvent être effectuées. Si ce n'est pas 0, cela signifie que la vérification a échoué, une boîte de dialogue d'erreur apparaîtra et les messages d'erreur pourront être affichés un par un.

Pour résumer, nous pouvons utiliser PHP pour implémenter la fonction de vérification de soumission de formulaire dans l'applet WeChat, améliorer l'expérience utilisateur de soumission de formulaires et garantir la sécurité des données. Dans le même temps, il fournit également davantage de références et de références pour le développement de petits programmes.

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!