WeChat ミニプログラムにおける PHP でのフォーム送信検証の実装

WBOY
リリース: 2023-06-01 21:34:02
オリジナル
1205 人が閲覧しました

WeChat ミニ プログラムの普及に伴い、より良いサービスをユーザーに提供するために、ミニ プログラム上に独自の Web サイトを構築する必要がある企業や個人がますます増えています。その中でもフォームはミニプログラムに欠かせないコンポーネントの一つで、ユーザーはフォームを通じてデータを送信することができ、Webサーバーサイドプログラミングで広く使われている言語である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>
ログイン後にコピー

フォームには、名前と携帯電話番号を記入する2つの入力ボックスと送信ボタンを設置しました。このうち、フォームの送信アドレスは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 関数を使用して POST リクエストを submit.php ファイルに送信し、フォーム データを渡します。成功したコールバック関数で、返されたコードが 0 であるかどうかを判断します。 0の場合は検証が成功したことを示し、成功プロンプトボックスが表示され、フォームデータの保存などの操作が可能になります。 0 でない場合は、検証が失敗したことを意味し、エラー プロンプト ボックスがポップアップ表示され、エラー メッセージが 1 つずつ表示されます。

要約すると、PHP を使用して WeChat アプレットにフォーム送信検証機能を実装し、フォーム送信のユーザー エクスペリエンスを向上させ、データ セキュリティを確保できます。同時に、小さなプログラムの開発のためのより多くの参考資料やリファレンスも提供します。

以上がWeChat ミニプログラムにおける PHP でのフォーム送信検証の実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート