超简单的留言表单验证js附使用办法!

时间:2019-12-31   访问量:20

  留言表单一向是百度考核网站是否为优质站点的不可或缺的部分,对于个人博客而言留言表单更显的重要,但开设了留言表单后会发现出现了许多垃圾留言,有没有更好的办法减少或者杜绝垃圾留言的出现呢?最好的办法就是为留言表单添加验证,这样就可以大大减少垃圾留言的存在,减轻了数据库的负担加快了网站的运行!

网页表单.png

  一般的表单验证多为javascript来实现的,但许多网站设计者们并不是特别的精通javascript,没关系大树SEO为大家准备了一段超简单的表单验证js并且附上其使用办法,让你的网站留言快速拥有表单验证功能!

  HTML 部分

<form action="这里填写将你的表单信息上传到哪里(网址)" name="feedback" enctype="multipart/form-data" method="post"  onsubmit="return feedbackform('0')">
姓名<input type="text" name="name" id="name">
电话<input type="text" name="phone" id="phone">
邮箱<input type="text" name="email" id="email">
内容<li id="message"><textarea name="message" id="message">

  javascript部分

    <script>
    function feedbackform(){
   if(
    document.feedback.name.value==""
    )
    {
    document.feedback.name.focus();
    alert("姓名输入错误,请返回重新输入");
    return false
    }
    if(
    document.feedback.phone.value.match(/^(1)[0-9]{10}$/ig)==null){document.feedback.phone.focus();
    alert("手机号码输入错误,请返回重新输入");
    return false
    }
    if(document.feedback.email.value.match(/^[w-.][email protected][w-.]+(.w+)+$/ig)==null){document.feedback.email.focus();
    alert("E-mail输入错误,请返回重新输入");
    return false
    }
    if(document.feedback.message.value==""){
    document.feedback.message.focus();
    alert("请输入您要咨询的产品!");
    return false
    }
    };
    </script>

  使用方法:

  1.为表单的form设置name为feedback

  2.设置input标签设置name为js代码中的input名

  3.将html部分置于之间

  4.javascript放置于前即可实现简单的留言表单验证

  优点:设置简单 不需要jquery支持

  缺点:容易被屏蔽js代码,依然可以不需要验证进行提交,这个应该知道不怕贼偷 只怕贼惦记的理论!


【地址】:http://www.inseo.cn/seo/60.html转载请注明出处


相关文章
浅谈301重定向的方法有···

  做SEO多少会遇到一个页面多个网址的情况,想要集中权重最有效的办法就是使用301重定向,但对于新···

小白如何快速搭建属于···

  现代社会信息网络非常发达,拥有自己的网站可算得上是一种既时尚又再普通不过的事情了,对于程序员来说···

利用.htaccess实现二级···

  许多做SEO优化的站长在网站前期运营阶段都会选择使用虚拟主机(虚拟空间)作为网站程序的寄存器,这···



Copyright © 2018-2020 大树SEO All Rights Reserved.