E-mail: Foxl@hulingweb.cn
联系我们案例演示中心服务热线:15523356218座机专线:023-68168040

狐灵科技Logo

当前位置:主页 > 网站建设 > 网络建站知识 >

织梦自定义表单留言手机号不弹窗显示 直接网页显示

发表日期:2019-04-11文章编辑:Smileby陌少羽浏览次数: 标签:织梦,自定义,表单,留言,不弹,窗,显示,直接,

织梦默认得留言弹窗如图




我们怎么修改成不弹出新窗口呢 如下图

织梦自定义表单留言不弹窗显示 直接网页显示



下面我贴上代码 供大家参考  注意红色得部分


如果你得提交不了 或者没反应 可以参考红色得部分:


<iframe id="iframe_display" name="iframe_display" style="display: none;">
</iframe>
<form action="/plus/diy.php"  enctype="multipart/form-data" method="post" target="iframe_display" onsubmit="return CheckForm();" name="frm" id="frm" >
 
<input type="hidden" name="action" value="post" /><input type="hidden" name="diyid" value="3" /><input type="hidden" name="do" value="2" />
<input type='text' name='shouji' id='shouji' style='width: 494px;margin-left: -10px;'  class='place_text'   placeholder="请输入手机号" />
 
<input type="hidden" name="dede_fields" value="shouji,text;time,text" />
<input type="hidden" name="dede_fieldshash" value="cdab0369a0c84573aaae8a66068912e9" />
              
     <input type="submit" name="submit" value="预约免费试学" class='ask_btn fr' style="
    width: 264px;
    text-align: center;
    background-color: #dfdfdf;
    font-size: 16px;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid #dfdfdf;">
</form>

下面得js必填  注意修改得话注意修改蓝色部分:
 
<script type="text/javascript">
      function CheckForm(){
        /*var name=document.getElementById("Orders_Name");*/
        var tel=document.getElementById("shouji");
        var RegEmpty=/^\s*$/;  //匹配所有空字符
        var RegMobile=/^1[34578]\d{9}$/; //匹配当前国内手机号
        var RegUsername=/[a-zA-Z\u4E00-\u9FA5]+/; //匹配所有汉字和英文字母
        if(RegEmpty.test(tel.value)){
        alert('请填写手机号')
        tel.focus();
        return false;
        }else if(RegMobile.test(tel.value.replace(/(^\s*)|(\s*$)/g,""))==false){ //去掉字符串两侧空字符,并验证是否是11为手机号
        alert('非法的手机号码!')
        tel.focus();
        return false;
        }
        else 
        {alert("预约成功,我们会在24小时内与您联系确认,请保持电话畅通!");
        document.getElementById("frm3").submit();
        return true;
        }
      }
            </script>


上面代码得  shouji  填写成你得手机号得自定义字段   frm3 为自定义表单得数字


 

另外  如果网页中有两处电话得应该怎么处理  下面在贴上一个代码供大家参考


织梦  首页 或者其他页面   多个留言表单不弹窗直接网页显示:


<iframe id="iframe_display" name="iframe_display" style="display: none;"></iframe>
<form action="/plus/diy.php" enctype="multipart/form-data" method="post" target="iframe_display" name="gbook" onsubmit="return saveIt();">
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="5" />
<input type="hidden" name="do" value="2" /> <div class="d_name">
<input type="text" style="float: left;margin-top:0px;width: 200px;"  placeholder="您的真实姓名" name='zhenshi'   maxlength="10" class="name fl">
<input type="text" style="float: left;margin-top:0px;width: 200px;margin-left:20px"   name='sjhao'  id='sjhao'   placeholder="您的手机号" maxlength="11" class="phone fl">
<div class="operate" style="float: left;margin-top:0px;margin-left: 20px;">
<input type="hidden" name="dede_fields" value="zhenshi,text;sjhao,text;time,text" />
<input type="hidden" name="dede_fieldshash" value="95667c3e490a46f2c9163edc94950009" />
<input type="submit" class="btn fl" name="submit" value="确认提交" style="width: 150px;  margin:0px; background-color: #fc9425;border: 1px #fc9425 solid;" />
</div> </div> </div> </div> </div>
</form>

 
<script language="JavaScript" type="text/javascript">
 
function saveIt()
{
 
  with(gbook)
 
  {
 
    if (name.value=="")
 
    {
 
      alert('请填写姓名!');
 
      name.focus();
 
      return false;
 
    }
 
if (sjhao.value=="")
 
    {
 
      alert('请填写手机号!');
 
      sjhao.focus();
 
      return false;
 
    }
 
var myreg = /^((1[0-9][0-9]{1})+\d{8})$/;
 
if(!myreg.test($("#sjhao").val()))
 
    {
 
      alert('请填写正确的手机号码!');
      sjhao.focus();
 
      return false;
 
    }
else 
        {alert("预约成功,我们会在24小时内与您联系确认,请保持电话畅通!");
        document.getElementById("frm5").submit();
        return true;
        }
   
 
    if (mail.value.length!=0)
 
    {
 
      if(
 
     mail.value.charAt(0)=="."||      
 
 mail.value.charAt(0)=="@"||     
 
 mail.value.indexOf('@')==-1||
 
 mail.value.indexOf('.')==-1||
 
 mail.value.indexOf("@")==mail.value.length-1||
 
 mail.value.lastIndexOf(".")==mail.value.length-1
 
        )
 
 {
 
        alert('邮箱地址格式不正确!');
 
        mail.focus();
 
        return false;
 
 }
 
    }
 
    if (nr.value.length>150)
 
    {
 
      alert('留言内容太多!');
 
      nr.focus();
 
      return false;
 
    }
 
  }
 
}
 
</script>

好了教程结束

扩展阅读:

织梦DedeCMS自定义表单留言添加手机号码和邮箱验证


如没特殊注明,文章均为狐灵科技-重庆网站建设原创,转载请注明  http://www.hulingweb.cn/jzzs/298.html
相关新闻

网页预加载loading特效

什么是预加载? WEB预加载就是在网页全部加载之前,对一些主要内容进行加载,以提供给用户更好的体验,减少等待...

发布日期:07-29

网页禁止复制文本和禁止右键的方法

有时候我们做网站不想网站的内容被人轻易的拷贝 所以想禁止其他人使用右键 下面贴上代码 把下面的代码贴到html里...

发布日期:07-24

九龙坡网站建设

常见问题 九龙坡网站建设的价格是多少? 网站建设的价格是根据网站的性质,美工设计要求,功能复杂程度,客户的...

发布日期:07-22

【重庆网站优化】如何进行网站的标题优

网站标题优化,可能还有很多人不知道网站标题到底应该怎么进行优化吧,但肯定遇到过网站需要进行标题修改的情...

发布日期:07-21

  • 更多 +狐灵业务单元

    营销型网站建设 品牌创意网站 企业官方网站 上市公司网站 B2C电子商务网站 大型门户网站 专题活动网站 定制化电子商务 产品商城网站 移动手机电商网站 微信会员电商

  • 更多 +我们的优势

  • 更多 +关于狐灵

    狐灵致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发, 与其他网站建设及系统开发公司不同,我们的整合解决方案结合了狐灵网络品牌建设经验和互联网整合营销的理念,并将策略和执行紧密结合,且不断评估并优化我们的方案,为客户提供一体化全方位的互联网品牌整合方案!

更多 +联系我们

服务热线:15523356218大客户专线:023-68168040

业务 QQ传真:023-68168040

售后专线15082661954售后QQ:

渠道合作邮箱Foxl@hulingweb.cn

我们的认知

在我们的对手消耗大量的时间停留在碎片化的互联网设计或者程序实现的时候,我们已经开始把数字化品牌建设和网络传播进行了整合。只有通过整体的互联网品牌分析,帮助企业家们进行互联网品牌建设,并传播企业品牌,并围绕品牌树立品牌价值,提升企业与用户的互相交流,与用户品牌交互,让用户能找专业的方法去解决问题。传播品牌,激起消费者品牌意识,在这过程中创造价值,这是我们成功的秘诀,也是我们帮助用户成功的诀窍,更是成就一流品牌的一条直达线。

不能否认的是,建设网站,创造互联网品牌价值的过程,是一种在互联网上艺术的行为,但互联网跟涂鸦全然不同,企业的品牌价值并不体现在希望品牌成为某个这种艺术家的作品。互联网传播的对象是用户,用户拥有自己的文化体系,群落共性才是互联网传播根本,这种传播才是互联网创造价值的体现,这种价值的体现呈现多样。空洞的好看没有实质是网站建设的闹剧,网站如果不能激发品牌价值和网络营销和帮助用户,则是网站建设的悲哀,这样的网站没有灵魂!所以,网站建设运营,网络营销必须得得人心,有非常好的用户体验,能够解决问题和需求,能够为梦想者创造和传播品牌价值,最后创造价值,狐灵与你同行!


HI,Are you ready?__合作意向表

您需要的服务*

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务
我需要做购物商城
我需要做系统平台
我需要做营销型网站
我需要优化推广

您最关注的地方*

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

预算*

5千以下 1万以下 1-2万 2-3万 3-5万 5-10万 10万以上 大型项目需要招标
验证码 看不清?点击更换 看不清? 点击更换

实力实力
案例案例
方案方案
业务业务
提交需求提交需求
售前售前
售后售后
留言微信
Top