Form verification example tutorial for mini program development-Mini Program Development-php.cn

This article mainly introduces the WeChat applet in detailForm verificationThe error prompt effect. Click to confirm to publish the error prompt that cannot be empty. It has certain reference value. Interested friends can refer to it. Verify the form of the
WeChat applet, click Confirm to publish the error message that cannot be empty, the specific content is as follows
The following is the rendering:
The code is as follows:
WXML:
{{popErrorMsg}}    <view class="ad_popCout"> <text class="one_star">你还可以输入</text> <text class="one_stars {{!!tips?'danger':''}}">{{commentTxtCount}}</text> <text class="one_star">字</text> </view> <button class="informBtn" form-type="submit">确认发布</button> </form> </view></pre>
        <div class="contentsignin">
         Copy after login
        </div>
       </div>
       <p><a href="//m.sbmmt.com/code/7880.html" target="_blank">WXSS</a>:</p>
       <div class="code" style="position:relative; padding:0px; margin:0px;">
        <pre class="brush:css;">page{background: #f4f4f4;} .ad_popHd{height: 76rpx; line-height: 76rpx; font-size: 32rpx;text-align: center; border-bottom: 1px solid #cdd1cd; padding: 0 20rpx;color: #202120;} .ad_popFt{ margin: 20rpx ; margin-top: 50rpx;} .ad_popArea{ width: 708rpx; height:400rpx;font-size:30rpx;padding: 20rpx; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 40rpx; color: #333; background: #fff; } .ad_popCout{ color: #969899; font-size: 24rpx; text-align: right; line-height: 58rpx; padding: 0 20rpx;} .informBtn{background: #09bb07;color: #fff;font-size: 34rpx; margin-top: 38rpx;height: 88rpx;} .one_stars{color: #999;} .one_star{font-size: 20rpx;color: #999;} .danger{ color: #f64400;} .ad_popError{ background: #de352d; color: #fff; height: 58rpx; line-height: 58rpx; font-size: 24rpx; text-align: center; position: absolute; left: 0; top: 0; width: 100%; z-index:3;}</pre>
        <div class="contentsignin">
         Copy after login
        </div>
       </div>
       <p><a href="//m.sbmmt.com/wiki/48.html" target="_blank">JS</a>:</p>
       <div class="code" style="position:relative; padding:0px; margin:0px;">
        <pre class="brush:js;">// pages/informLeaveMsg/informLeaveMsg.js Page({ /** * 页面的初始数据 */ data: { }, //确认发布 goDetail:function(e){ setTimeout(()=>{ var subValue = e.detail.value.textarea console.log(subValue) if (subValue == null || subValue == "") { console.log("不能为空") this.setData( { popErrorMsg: "发布的留言内容不能为空" } ); this.ohShitfadeOut(); return; } },100) }, ohShitfadeOut() { var fadeOutTimeout = setTimeout(() => { this.setData({ popErrorMsg: '' }); clearTimeout(fadeOutTimeout); }, 3000); }, })</pre>
        <div class="contentsignin">
         Copy after login
        </div>
       </div>
       <p>【Related recommendations】</p>
       <p>1.<a href="//m.sbmmt.com/xiazai/code/weixin" target="_self">WeChat public account platform source code download</a></p>
       <p>2.<a href="//m.sbmmt.com/xiazai/code/743" target="_self"><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Xiaozhu CMS Life Tong O2O system v2.0 Exclusive Edition Download</span></a></p>
       <p>3.<a href="//m.sbmmt.com/xiazai/code/600" target="_self">WeChat People Network v3.4.5 Advanced Commercial Edition WeChat Rubik’s Cube Source</a></p>
       <p>The above is the detailed content of Form verification example tutorial for mini program development. For more information, please follow other related articles on the PHP Chinese website!</p>
      </div>
     </div>
     <div style="height: 25px;">
      <div class="wzconBq" style="display: inline-flex;">
       <span>Related labels：</span>
       <div class="wzcbqd">
        <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/search?word=wechatapplet" target="_blank">WeChat applet</a>
        <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/search?word=formvalidation" target="_blank">form validation</a>
       </div>
      </div>
      <div style="display: inline-flex;float: right; color:#333333;">
       source：php.cn
      </div>
     </div>
     <div class="wzconOtherwz">
      <a href="//m.sbmmt.com/faq/363087.html" title=""><span>Previous article：Detailed explanation of optimizing your WeChat mini program</span></a>
      <a href="//m.sbmmt.com/faq/363089.html" title=""><span>Next article：Mini program development--wx.request asynchronous encapsulation example tutorial</span></a>
     </div>
     <div class="wzconShengming">
      <div class="bzsmdiv">
       Statement of this Website
      </div>
      <div>
       The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
      </div>
     </div>
     <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
     <div class="wzconZzwz">
      <div class="wzconZzwztitle">
       Latest Articles by Author
      </div>
      <ul>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/370272.html">Example tutorial on passing parameters using NameValuePair method</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/370950.html">Use dom4j to parse xml document example</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/367928.html">Catalog Service - Analysis of Microsoft microservice architecture example code</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/367910.html">Detailed explanation of getting started with .net Elasticsearch examples</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/367667.html">Detailed introduction to Spring boot adding jsp support configuration examples</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/370887.html">How does JS detect whether the window opened by window.open is closed?</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/361869.html">Share a garbled problem in sqlyog connecting to the database and its solution</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/368866.html">Examples of using variable length parameters in Java</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/371694.html">The latest Amap API WEB development example tutorial</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots"></span>
         <a target="_blank" href="//m.sbmmt.com/faq/373276.html">Advantages and Disadvantages of AJAX</a>
        </div>
        <div>
         1970-01-01 08:00:00
        </div></li>
      </ul>
     </div>
     <div class="wzconZzwz">
      <div class="wzconZzwztitle">
       Latest Issues
      </div>
      <div class="wdsyContent">
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/wenda/173512.html" target="_blank" title="How to fix the problem: "Unable to load resource: net::ERR_CONNECTION_REFUSED http://localhost:8989/route?...."" class="wdcdcTitle">How to fix the problem: "Unable to load resource: net::ERR_CONNECTION_REFUSED http://localhost:8989/route?...."</a>
         <a href="//m.sbmmt.com/wenda/173512.html" class="wdcdcCons">There is a problem with my program. This is a program about geographic information systems...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">From 2023-11-12 19:34:27</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>1
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>244
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/wenda/173504.html" target="_blank" title="Leverage VueJS components in PHP" class="wdcdcTitle">Leverage VueJS components in PHP</a>
         <a href="//m.sbmmt.com/wenda/173504.html" class="wdcdcCons">I want to mix basic HTML generated by Php and VueJS components without having to use VueJS...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">From 2023-11-11 00:01:44</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>288
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/wenda/173486.html" target="_blank" title="Nuxt.js: window is not defined apexcharts/vue-apexcharts" class="wdcdcTitle">Nuxt.js: window is not defined apexcharts/vue-apexcharts</a>
         <a href="//m.sbmmt.com/wenda/173486.html" class="wdcdcCons">I've added this simple example from apexcharts.com. Pretty sure the import is correct. I d...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">From 2023-11-09 22:07:08</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>2
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>217
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/wenda/173479.html" target="_blank" title="What are the performance numbers next to components in the Vue dev tools?" class="wdcdcTitle">What are the performance numbers next to components in the Vue dev tools?</a>
         <a href="//m.sbmmt.com/wenda/173479.html" class="wdcdcCons">Does anyone have insights or resources for a certain feature in the Vue development tools?...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">From 2023-11-09 14:46:48</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>1
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>305
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
       <div class="wdsyConDiv flexRow wdsyConDiv1">
        <div class="wdcdContent flexColumn">
         <a href="//m.sbmmt.com/wenda/173455.html" target="_blank" title="Encountering Laravel Mix error while trying to install Laravel Breeze" class="wdcdcTitle">Encountering Laravel Mix error while trying to install Laravel Breeze</a>
         <a href="//m.sbmmt.com/wenda/173455.html" class="wdcdcCons">I'm trying to install LaravelBreeze in my new Laravel application. Everything is working f...</a>
         <div class="wdcdcInfo flexRow">
          <div class="wdcdcileft">
           <span class="wdcdciSpan">From 2023-11-07 23:05:02</span>
          </div>
          <div class="wdcdciright flexRow">
           <div class="wdcdcirdz flexRow ira">
            <b class="wdcdcirdzi"></b>0
           </div>
           <div class="wdcdcirpl flexRow ira">
            <b class="wdcdcirpli"></b>1
           </div>
           <div class="wdcdcirwatch flexRow ira">
            <b class="wdcdcirwatchi"></b>299
           </div>
          </div>
         </div>
        </div>
       </div>
       <div class="wdsyConLine wdsyConLine2"></div>
      </div>
     </div>
     <div class="wzconZt">
      <div class="wzczt-title">
       <div>
        Related Topics
       </div>
       <a href="//m.sbmmt.com/faq/zt" target="_blank">More></a>
      </div>
      <div class="wzcttlist">
       <ul>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/location"><img src="https://img.php.cn/upload/subject/202407/22/2024072214392273849.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="location.assign"></a><a target="_blank" href="//m.sbmmt.com/faq/location" class="title-a-spanl" title=""><span>location.assign</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/pptbjzmqbth"><img src="https://img.php.cn/upload/subject/202407/22/2024072212183210897.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to replace all ppt backgrounds"></a><a target="_blank" href="//m.sbmmt.com/faq/pptbjzmqbth" class="title-a-spanl" title=""><span>How to replace all ppt backgrounds</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/dbwjzmdk"><img src="https://img.php.cn/upload/subject/202407/22/2024072212110623730.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to open db file"></a><a target="_blank" href="//m.sbmmt.com/faq/dbwjzmdk" class="title-a-spanl" title=""><span>How to open db file</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/pslddbdkjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214162948958.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ps brightness contrast shortcut keys"></a><a target="_blank" href="//m.sbmmt.com/faq/pslddbdkjq" class="title-a-spanl" title=""><span>ps brightness contrast shortcut keys</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/datehsyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072214032747872.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="date function usage"></a><a target="_blank" href="//m.sbmmt.com/faq/datehsyf" class="title-a-spanl" title=""><span>date function usage</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/isnumberhsyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213414296826.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="isnumber function usage"></a><a target="_blank" href="//m.sbmmt.com/faq/isnumberhsyf" class="title-a-spanl" title=""><span>isnumber function usage</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/rhdkdatwj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213511582738.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to open .dat files"></a><a target="_blank" href="//m.sbmmt.com/faq/rhdkdatwj" class="title-a-spanl" title=""><span>How to open .dat files</span></a></li>
        <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/dsjpt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214391327550.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Big data platform"></a><a target="_blank" href="//m.sbmmt.com/faq/dsjpt" class="title-a-spanl" title=""><span>Big data platform</span></a></li>
       </ul>
      </div>
     </div>
    </div>
   </div>
   <div class="phpwzright">
    <div class="wzrOne">
     <div class="wzroTitle">
      Popular Recommendations
     </div>
     <div class="wzroList">
      <ul>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="Why can't I open the WeChat applet?" href="//m.sbmmt.com/faq/467969.html">Why can't I open the WeChat applet?</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="What is the difference between a subscription account and a public account?" href="//m.sbmmt.com/faq/465222.html">What is the difference between a subscription account and a public account?</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="What language is used to write WeChat mini programs?" href="//m.sbmmt.com/faq/418037.html">What language is used to write WeChat mini programs?</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="What is the mini program development process?" href="//m.sbmmt.com/faq/417201.html">What is the mini program development process?</a>
        </div></li>
       <li>
        <div class="wzczzwzli">
         <span class="layui-badge-dots wzrolr"></span>
         <a style="height: auto;" title="How to generate QR code with mini program" href="//m.sbmmt.com/faq/467888.html">How to generate QR code with mini program</a>
        </div></li>
      </ul>
     </div>
    </div>
    <div class="wzrThree">
     <div class="wzrthree-title">
      <div>
       Popular Tutorials
      </div>
      <a target="_blank" href="//m.sbmmt.com/course.html">More></a>
     </div>
     <div class="wzrthreelist swiper2">
      <div class="wzrthreeTab  swiper-wrapper">
       <div class="check tabdiv swiper-slide" data-id="one">
        Related Tutorials
        <div></div>
       </div>
       <div class="tabdiv swiper-slide" data-id="two">
        Popular Recommendations
        <div></div>
       </div>
       <div class="tabdiv swiper-slide" data-id="three">
        Latest courses
        <div></div>
       </div>
      </div>
      <ul class="one">
       <li><a target="_blank" href="//m.sbmmt.com/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="//m.sbmmt.com/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a>
         <div class="wzrthreerb">
          <div>
           1403387
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="812">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/74.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP introductory tutorial one: Learn PHP in one week"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="PHP introductory tutorial one: Learn PHP in one week" href="//m.sbmmt.com/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a>
         <div class="wzrthreerb">
          <div>
           4231726
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="74">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="JAVA Beginner's Video Tutorial" href="//m.sbmmt.com/course/286.html">JAVA Beginner's Video Tutorial</a>
         <div class="wzrthreerb">
          <div>
           2419729
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="286">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="//m.sbmmt.com/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a>
         <div class="wzrthreerb">
          <div>
           498343
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="504">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/2.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP zero-based introductory tutorial"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="PHP zero-based introductory tutorial" href="//m.sbmmt.com/course/2.html">PHP zero-based introductory tutorial</a>
         <div class="wzrthreerb">
          <div>
           834219
           <b class="kclbcollectb"></b>
          </div>
          <div class="courseICollection" data-id="2">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
      <ul class="two" style="display: none;">
       <li><a target="_blank" href="//m.sbmmt.com/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="//m.sbmmt.com/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a>
         <div class="wzrthreerb">
          <div>
           1403387 times of learning
          </div>
          <div class="courseICollection" data-id="812">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="JAVA Beginner's Video Tutorial" href="//m.sbmmt.com/course/286.html">JAVA Beginner's Video Tutorial</a>
         <div class="wzrthreerb">
          <div>
           2419729 times of learning
          </div>
          <div class="courseICollection" data-id="286">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="//m.sbmmt.com/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a>
         <div class="wzrthreerb">
          <div>
           498343 times of learning
          </div>
          <div class="courseICollection" data-id="504">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/901.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Quick introduction to web front-end development"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Quick introduction to web front-end development" href="//m.sbmmt.com/course/901.html">Quick introduction to web front-end development</a>
         <div class="wzrthreerb">
          <div>
           214200 times of learning
          </div>
          <div class="courseICollection" data-id="901">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/234.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Master PS video tutorials from scratch"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Master PS video tutorials from scratch" href="//m.sbmmt.com/course/234.html">Master PS video tutorials from scratch</a>
         <div class="wzrthreerb">
          <div>
           859199 times of learning
          </div>
          <div class="courseICollection" data-id="234">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
      <ul class="three" style="display: none;">
       <li><a target="_blank" href="//m.sbmmt.com/course/1648.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Node.js quick start"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="[Web front-end] Node.js quick start" href="//m.sbmmt.com/course/1648.html">[Web front-end] Node.js quick start</a>
         <div class="wzrthreerb">
          <div>
           4692 times of learning
          </div>
          <div class="courseICollection" data-id="1648">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/1647.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Complete collection of foreign web development full-stack courses"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Complete collection of foreign web development full-stack courses" href="//m.sbmmt.com/course/1647.html">Complete collection of foreign web development full-stack courses</a>
         <div class="wzrthreerb">
          <div>
           3645 times of learning
          </div>
          <div class="courseICollection" data-id="1647">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/1646.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go language practical GraphQL"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Go language practical GraphQL" href="//m.sbmmt.com/course/1646.html">Go language practical GraphQL</a>
         <div class="wzrthreerb">
          <div>
           3124 times of learning
          </div>
          <div class="courseICollection" data-id="1646">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/1645.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W fan master learns JavaScript from scratch step by step"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="550W fan master learns JavaScript from scratch step by step" href="//m.sbmmt.com/course/1645.html">550W fan master learns JavaScript from scratch step by step</a>
         <div class="wzrthreerb">
          <div>
           561 times of learning
          </div>
          <div class="courseICollection" data-id="1645">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
       <li><a target="_blank" href="//m.sbmmt.com/course/1644.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours"></a>
        <div class="wzrthree-right">
         <a target="_blank" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" href="//m.sbmmt.com/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a>
         <div class="wzrthreerb">
          <div>
           16135 times of learning
          </div>
          <div class="courseICollection" data-id="1644">
           <b class="nofollow small-nocollect"></b>
          </div>
         </div>
        </div></li>
      </ul>
     </div>
    </div>
    <div class="wzrFour">
     <div class="wzrfour-title">
      <div>
       Latest Downloads
      </div>
      <a href="//m.sbmmt.com/xiazai">More></a>
     </div>
     <div class="wzrfourList swiper3">
      <div class="wzrfourlTab swiper-wrapper">
       <div class="check swiper-slide" data-id="onef">
        Web Effects
        <div></div>
       </div>
       <div class="swiper-slide" data-id="twof">
        Website Source Code
        <div></div>
       </div>
       <div class="swiper-slide" data-id="threef">
        Website Materials
        <div></div>
       </div>
       <div class="swiper-slide" data-id="fourf">
        Front End Template
        <div></div>
       </div>
      </div>
      <ul class="onef">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[form button] jQuery enterprise message form contact code" href="//m.sbmmt.com/xiazai/js/8071">[form button] jQuery enterprise message form contact code</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Player special effects] HTML5 MP3 music box playback effects" href="//m.sbmmt.com/xiazai/js/8070">[Player special effects] HTML5 MP3 music box playback effects</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Menu navigation] HTML5 cool particle animation navigation menu special effects" href="//m.sbmmt.com/xiazai/js/8069">[Menu navigation] HTML5 cool particle animation navigation menu special effects</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[form button] jQuery visual form drag and drop editing code" href="//m.sbmmt.com/xiazai/js/8068">[form button] jQuery visual form drag and drop editing code</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Player special effects] VUE.JS imitation Kugou music player code" href="//m.sbmmt.com/xiazai/js/8067">[Player special effects] VUE.JS imitation Kugou music player code</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[html5 special effects] Classic html5 pushing box game" href="//m.sbmmt.com/xiazai/js/8066">[html5 special effects] Classic html5 pushing box game</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Picture special effects] jQuery scrolling to add or reduce image effects" href="//m.sbmmt.com/xiazai/js/8065">[Picture special effects] jQuery scrolling to add or reduce image effects</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a target="_blank" title="[Photo album effects] CSS3 personal album cover hover zoom effect" href="//m.sbmmt.com/xiazai/js/8064">[Photo album effects] CSS3 personal album cover hover zoom effect</a>
        </div></li>
      </ul>
      <ul class="twof" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8328" title="[Front-end template] Home Decor Cleaning and Repair Service Company Website Template" target="_blank">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8327" title="[Front-end template] Fresh color personal resume guide page template" target="_blank">[Front-end template] Fresh color personal resume guide page template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8326" title="[Front-end template] Designer Creative Job Resume Web Template" target="_blank">[Front-end template] Designer Creative Job Resume Web Template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8325" title="[Front-end template] Modern engineering construction company website template" target="_blank">[Front-end template] Modern engineering construction company website template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8324" title="[Front-end template] Responsive HTML5 template for educational service institutions" target="_blank">[Front-end template] Responsive HTML5 template for educational service institutions</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8323" title="[Front-end template] Online e-book store mall website template" target="_blank">[Front-end template] Online e-book store mall website template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8322" title="[Front-end template] IT technology solves Internet company website template" target="_blank">[Front-end template] IT technology solves Internet company website template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8321" title="[Front-end template] Purple style foreign exchange trading service website template" target="_blank">[Front-end template] Purple style foreign exchange trading service website template</a>
        </div></li>
      </ul>
      <ul class="threef" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/sucai/3078" target="_blank" title="[PNG material] Cute summer elements vector material (EPS PNG)">[PNG material] Cute summer elements vector material (EPS PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/sucai/3077" target="_blank" title="[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)">[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/sucai/3076" target="_blank" title="[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)">[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/sucai/3075" target="_blank" title="[PNG material] Golden graduation cap vector material (EPS PNG)">[PNG material] Golden graduation cap vector material (EPS PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/sucai/3074" target="_blank" title="[PNG material] Black and white style mountain icon vector material (EPS PNG)">[PNG material] Black and white style mountain icon vector material (EPS PNG)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/sucai/3073" target="_blank" title="[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses">[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/sucai/3072" target="_blank" title="[banner picture] Flat style Arbor Day banner vector material (AI+EPS)">[banner picture] Flat style Arbor Day banner vector material (AI+EPS)</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/sucai/3071" target="_blank" title="[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)">[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)</a>
        </div></li>
      </ul>
      <ul class="fourf" style="display:none">
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8328" target="_blank" title="[Front-end template] Home Decor Cleaning and Repair Service Company Website Template">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8327" target="_blank" title="[Front-end template] Fresh color personal resume guide page template">[Front-end template] Fresh color personal resume guide page template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8326" target="_blank" title="[Front-end template] Designer Creative Job Resume Web Template">[Front-end template] Designer Creative Job Resume Web Template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8325" target="_blank" title="[Front-end template] Modern engineering construction company website template">[Front-end template] Modern engineering construction company website template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8324" target="_blank" title="[Front-end template] Responsive HTML5 template for educational service institutions">[Front-end template] Responsive HTML5 template for educational service institutions</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8323" target="_blank" title="[Front-end template] Online e-book store mall website template">[Front-end template] Online e-book store mall website template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8322" target="_blank" title="[Front-end template] IT technology solves Internet company website template">[Front-end template] IT technology solves Internet company website template</a>
        </div></li>
       <li>
        <div class="wzrfourli">
         <span class="layui-badge-dots wzrflr"></span>
         <a href="//m.sbmmt.com/xiazai/code/8321" target="_blank" title="[Front-end template] Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</a>
        </div></li>
      </ul>
     </div>
    </div>
   </div>
  </div>
  <div class="phpFoot">
   <div class="phpFootIn">
    <div class="phpFootCont">
     <div class="phpFootLeft">
      <dl>
       <dt>
        <a href="//m.sbmmt.com/about/us.html" rel="nofollow" target="_blank" title="About us" class="cBlack">About us</a>
        <a href="//m.sbmmt.com/about/disclaimer.html" rel="nofollow" target="_blank" title="Disclaimer" class="cBlack">Disclaimer</a>
        <a href="//m.sbmmt.com/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
        <div class="clear"></div>
       </dt>
       <dd class="cont1">
        php.cn：Public welfare online PHP training，Help PHP learners grow quickly！
       </dd>
      </dl>
     </div>
    </div>
   </div>
  </div>
  <input type="hidden" id="verifycode" value="/captcha.html">
  <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all">
 </body>
</html>
Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

Form verification example tutorial for mini program development
