Implementation of form submission verification in PHP in WeChat mini program

With the widespread use of WeChat mini programs, more and more companies and individuals need to build their own websites on mini programs to provide users with better services. Among them, the form is one of the indispensable components in the mini program. Users can submit data through the form. As a language widely used in web server-side programming, PHP can realize functions such as verification and storage of form data. In this article, we will introduce how to use PHP to implement verification of form submissions in WeChat mini programs.

1. First, add the form component to the mini program and set the submission address of the form.

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

In the form, we set up two input boxes for filling in name and mobile phone number, and a submit button. Among them, the submission address of the form is submit.php.

2. Next, we need to write the submit.php file to receive the data submitted by the form and verify it.

<?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格式的结果
?>

In the submit.php file, we first set the returned data format to json. Then, get the name and mobile phone number filled in by the user through $_POST. Next, verify the name and mobile phone number. If an error occurs in the verification, the error information is stored in the $error array. Finally, the corresponding json data is output based on the verification results.

3. Finally, we process the results of submitting the form in the 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
            })
            //如果需要，可以在表单中将错误信息逐一显示出来
        }
    }
})

In the mini program, we use the wx.request function to send a POST request to the submit.php file and pass the form data. In the successful callback function, determine whether the returned code is 0. If it is 0, it indicates that the verification is successful, a success prompt box pops up, and operations such as saving form data can be performed. If it is not 0, it means that the verification failed, an error prompt box will pop up, and the error messages can be displayed one by one.

To sum up, we can use PHP to implement the form submission verification function in the WeChat applet, improve the user experience of submitting forms, and ensure data security. At the same time, it also provides more reference and reference for the development of small programs.

The above is the detailed content of Implementation of form submission verification in PHP in WeChat mini program. For more information, please follow other related articles on the PHP Chinese website!