<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>お問い合わせフォーム on qwerty.work</title>
        <link>https://qwerty.work/tags/%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0/</link>
        <description>Recent content in お問い合わせフォーム on qwerty.work</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja-JP</language>
        <lastBuildDate>Tue, 11 Oct 2022 10:37:18 +0900</lastBuildDate><atom:link href="https://qwerty.work/tags/%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>【Vue】お問い合わせフォームのバリデーションとPHPでメール送信サンプル</title>
            <link>https://qwerty.work/post/2022/10/vue-validation-form-sample/</link>
            <pubDate>Tue, 11 Oct 2022 10:37:18 +0900</pubDate>
            <guid>https://qwerty.work/post/2022/10/vue-validation-form-sample/</guid>
            <description>&lt;p&gt;お問い合わせフォームの内容をPHPから&lt;code&gt;mb_send_mail&lt;/code&gt;で飛ばす前に、お問い合わせフォームの入力内容をvue.jsでチェック（バリデーション）を行う方法について参考になったページをメモ。&lt;/p&gt;&#xA;&lt;p&gt;コピペでチェックから送信までできました。ソースの解説も詳しくてありがたい内容でした。バリデーションでエラーがあっても送信できてしまう点が気になりますが、これを参考にあとは自力で欲しい機能を追加してみたいと思います。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://base91.net/vue-mission-9/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://base91.net/vue-mission-9/&#34; alt=&#34;https://base91.net/vue-mission-9/&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://base91.net/vue-mission-9/&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://base91.net/vue-mission-9/&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;</description>
        </item><item>
            <title>【PHP】ページにコピペで埋め込むだけで設置できるお問い合わせForm素材メモ</title>
            <link>https://qwerty.work/post/2021/11/php-contact-form-parts/</link>
            <pubDate>Tue, 02 Nov 2021 11:02:58 +0900</pubDate>
            <guid>https://qwerty.work/post/2021/11/php-contact-form-parts/</guid>
            <description>&lt;h2 id=&#34;お問い合わせフォームを簡単に設置したい&#34;&gt;お問い合わせフォームを簡単に設置したい&#xA;&lt;/h2&gt;&lt;p&gt;ホームページ制作にあたり、お問い合わせフォームを設置したいとき、PHPプログラミングで自分でも作成しましが、時短でサクッとコピペで簡単に設置できるものを探してみました。&lt;/p&gt;&#xA;&lt;p&gt;できれば、確認ページもサンクスページも単体で完結しているものが希望でしたが、見つけたのでメモ。&lt;/p&gt;&#xA;&lt;h4 id=&#34;mailform01&#34;&gt;MailForm01&#xA;&lt;/h4&gt;&lt;p&gt;単体のPHPファイル1つで動作するので、ページの埋め込みが簡単です。しかも無料です。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://www.php-factory.net/mail/01.php&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://www.php-factory.net/mail/01.php&#34; alt=&#34;https://www.php-factory.net/mail/01.php&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://www.php-factory.net/mail/01.php&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://www.php-factory.net/mail/01.php&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h4 id=&#34;php_mailform&#34;&gt;php_mailform&#xA;&lt;/h4&gt;&lt;p&gt;これはレスポンシブレイアウトや添付ファイㇽにも対応している優れも。これも無料です。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://econosys-system.com/freesoft/php_mailform.html&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://econosys-system.com/freesoft/php_mailform.html&#34; alt=&#34;https://econosys-system.com/freesoft/php_mailform.html&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://econosys-system.com/freesoft/php_mailform.html&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://econosys-system.com/freesoft/php_mailform.html&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h4 id=&#34;シンプルなサンプル&#34;&gt;シンプルなサンプル&#xA;&lt;/h4&gt;&lt;p&gt;必要最低限でカスタマイズしやすいサンプル。連投防止のアドバイスもあり。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://step-by.work/cms/39&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://step-by.work/cms/39&#34; alt=&#34;https://step-by.work/cms/39&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://step-by.work/cms/39&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://step-by.work/cms/39&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h3 id=&#34;その他参考&#34;&gt;その他参考&#xA;&lt;/h3&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://entsukablog.com/php-questionform/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://entsukablog.com/php-questionform/&#34; alt=&#34;https://entsukablog.com/php-questionform/&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://entsukablog.com/php-questionform/&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://entsukablog.com/php-questionform/&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://www.web-officer.com/php/how-to-make-inquiry-form.php&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://www.web-officer.com/php/how-to-make-inquiry-form.php&#34; alt=&#34;https://www.web-officer.com/php/how-to-make-inquiry-form.php&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://www.web-officer.com/php/how-to-make-inquiry-form.php&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://www.web-officer.com/php/how-to-make-inquiry-form.php&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;</description>
        </item></channel>
</rss>
