>백엔드 개발 >PHP 튜토리얼 >WeChat 미니 프로그램에서 PHP로 양식 제출 확인 구현

WeChat 미니 프로그램에서 PHP로 양식 제출 확인 구현

WBOY
WBOY원래의
2023-06-01 21:31:511225검색

WeChat 미니 프로그램이 널리 적용됨에 따라 점점 더 많은 회사와 개인이 사용자에게 더 나은 서비스를 제공하기 위해 미니 프로그램에 자체 웹사이트를 구축해야 합니다. 그 중 폼은 미니 프로그램에서 없어서는 안 될 구성 요소 중 하나이며, 사용자는 폼을 통해 데이터를 제출할 수 있습니다. PHP는 웹 서버 측 프로그래밍에서 널리 사용되는 언어로 폼 데이터의 검증 및 저장과 같은 기능을 구현할 수 있습니다. 이 기사에서는 PHP를 사용하여 WeChat 미니 프로그램에서 양식 제출 확인을 구현하는 방법을 소개합니다.

1. 먼저 미니 프로그램에 폼 컴포넌트를 추가하고 폼 제출 주소를 설정하세요.

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

양식에는 이름과 휴대폰 번호를 입력할 수 있는 두 개의 입력 상자와 제출 버튼이 설정되어 있습니다. 그 중 양식 제출 주소는 submit.php 입니다.

2. 다음으로, 폼으로 제출된 데이터를 받아 검증하기 위해 submit.php 파일을 작성해야 합니다.

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

submit.php 파일에서 먼저 반환되는 데이터 형식을 json으로 설정했습니다. 그런 다음 $_POST를 통해 사용자가 입력한 이름과 휴대폰 번호를 가져옵니다. 다음으로 이름과 휴대폰 번호를 확인합니다. 확인 과정에서 오류가 발생하면 오류 정보가 $error 배열에 저장됩니다. 마지막으로 검증 결과를 바탕으로 해당 json 데이터가 출력됩니다.

3. 마지막으로 애플릿에서 양식을 제출한 결과를 처리합니다.

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
            })
            //如果需要,可以在表单中将错误信息逐一显示出来
        }
    }
})

미니 프로그램에서는 wx.request 함수를 사용하여 submit.php 파일에 POST 요청을 보내고 양식 데이터를 전달합니다. 성공적인 콜백 함수에서 반환된 코드가 0인지 확인합니다. 0이면 검증에 성공했다는 의미이며, 성공 프롬프트 상자가 팝업되며, 양식 데이터 저장 등의 작업을 수행할 수 있습니다. 0이 아닌 경우에는 검증에 실패한 것이므로 오류 메시지 상자가 팝업되며 오류 메시지가 하나씩 표시될 수 있습니다.

요약하자면, PHP를 사용하여 WeChat 애플릿에서 양식 제출 확인 기능을 구현하고 양식 제출에 대한 사용자 경험을 개선하며 데이터 보안을 보장할 수 있습니다. 동시에 소규모 프로그램 개발을 위한 더 많은 참고 자료와 참고 자료도 제공합니다.

위 내용은 WeChat 미니 프로그램에서 PHP로 양식 제출 확인 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.