window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.taoxtao.cn\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.2"}}; /*! This file is auto-generated */ !function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o

时间: 2020-09-9|18次围观|0 条评论

首先在tp上有多种方法去判断留言是否为空,但是js是最方便也是最没有冲突的。

<form action="{:U('validate')}" method="post" name="myform">                              <input type="hidden" name="lanmu" value="33">                              <li>                                <div class="main_ly_t1"><em>留言标题:</em><input type="text" name="lc_title" id="lc_title" required> <span style="color:#C39766;">*</span></div>                                <div class="clear"></div>                              </li>                              <li>                                <div class="main_ly_t1"><em>姓名:</em><input type="text" name="lc_name" id="lc_name" required><span style="color:#C39766;">*</span></div>                                <div class="clear"></div>                              </li>                              <li>                                <div class="main_ly_t1"><em>E-MAIL:</em><input type="text" name="lc_email" id="lc_email" required><span style="color:#C39766;">*</span></div>                                <div class="clear"></div>                              </li>                              <li>                                <div class="main_ly_t1"><em>联系电话:</em><input type="text" name="lc_tel" id="lc_tel" required><span style="color:#C39766;">*</span></div>                                <div class="clear"></div>                              </li>                                                            <li>                                <div class="main_ly_t1"><em>留言内容:</em><textarea name="lc_content" id="lc_content" required></textarea></div>                                <div class="clear"></div>                              </li>                              <li>                                <div class="yao">                                    <div class="main_ly_t2"><input type="submit" id="tijiao" value="提 交" onClick="return doSubmit();" style="background:#000; border-radius:5px;border:0;"></div>                                    <div class="main_ly_t3"><input type="reset" id="chongzhi" value="重 置" style="background:#000; border-radius:5px; border:0;"></div>                                </div>                              </li>                              <div class="clear"></div>                              </form>

现在有一个点击事件doSubmit(),我们做一个判断信息是否为空,给出提示,并赋予焦点。

<script type="text/javascript">function doSubmit(){    if (document.getElementById("lc_title").value==""){        alert("亲,请填写留言标题!");        document.getElementById("lc_title").focus();     //赋予焦点        return false;    }    if (document.getElementById("lc_name").value==""){        alert("亲,请填写您的姓名!");        document.getElementById("lc_name").focus();        return false;    }    if (document.getElementById("lc_email").value==""){        alert("亲,请填写电子邮件!");        document.getElementById("lc_email").focus();        return false;    }    if (!Isyx(document.getElementById("lc_email").value)){         alert("亲,请输入正确的电子邮件!");         document.getElementById("lc_email").focus();         return false;    }    if (document.getElementById("lc_tel").value==""){        alert("亲,请填写联系方式!");        document.getElementById("lc_tel").focus();        return false;    }    var reg =/(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9}$)/;              //判断手机填写信息是否为正确手机号    if(!reg.test(document.getElementById("lc_tel").value)){         alert("亲,请输入正确的联系方式!");        document.getElementById("lc_tel").focus();        return false;     }    if (document.getElementById("lc_content").value==""){        alert("亲,请填写留言内容!");        document.etElementById("lc_content").focus();        return false;    }    return true;}</script>

这样就可以实现了

用js写留言信息的判断非空条件插图

 

文章转载于:https://www.cnblogs.com/shenzikun1314/p/7286253.html

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《用js写留言信息的判断非空条件
   

还没有人抢沙发呢~