【问题标题】:PHP contact form overwrite fields issue repeating valuePHP联系表单覆盖字段问题重复值
【发布时间】:2010-03-12 09:49:25
【问题描述】:

我正在使用来自http://phpfmg.sourceforge.net/home.php 的 php 联系表。我想我会添加一个焦点效果,所以当我点击字段时,值会自动消失。

但是当我提交说如果没有填写我要求的字段时,我会得到这个值再次出现 http://s647.photobucket.com/albums/uu199/judibluebottles/YETI%20images/?action=view&current=form_issue.jpg http://i647.photobucket.com/albums/uu199/judibluebottles/YETI%20images/form_issue.jpg?t=1268387405

<input type="text" class="text_box" onfocus="if(this.value=='Telephone')this.value='';" value="TelephoneTelephone" id="field_5" name="field_5">

【问题讨论】:

    标签: forms field contact repeat


    【解决方案1】:

    您需要在表单上使用onsubmit 处理程序,该处理程序与onfocus 所做的事情相同:如果文本是默认文本,则将其从框中清除。这样一来,这些字段在提交时将是空白的。

    为此,我会设置一些结构以避免重复代码。 完全即兴发挥:

    var Placeholders = {
        "field_5": "Telephone",
        // ...and the other fields...
    };
    
    function clearFieldPlaceholder(field) {
        var placeholder;
    
        placeholder = Placeholders[field.name];
        if (placeholder && field.value == placeholder) {
            field.value = "";
        }
    }
    
    function formSubmit(form) {
        var index;
    
        for (index = 0; index < form.elements.length; ++index) {
            // You may want to filter here a bit, e.g., check if it's
            // a text field
            clearPlaceholder(form.elements[index]);
        }
    }
    

    onfocus 用于字段:

    <input ... onfocus="clearPlaceholder(this);" ...>
    

    onsubmit 表格:

    <form ... onsubmit="formSubmit(this);" ...>
    

    【讨论】:

    • 哇谢谢 T J 我在哪里把它放在代码中?我有两个文件 form.php 和 form.lib.php 文件
    • 在页面上的script 标记中,例如:&lt;script type='text/javascript'&gt;CODE HERE&lt;/script&gt; 或通过&lt;script type='text/javascript' src='FILENAME'&gt;&lt;/script&gt; 链接到页面的单独文件中
    • 这是我网站上的一个示例artygirl.co.uk/form.html php 看起来真的很复杂吗?
    【解决方案2】:

    我已经放弃了复杂的 php 联系表格,除非有人有一个几乎可以做任何事情的奇迹?对于 Wordpress,contactform 7 是我遇到的最简单的。

    如果有人为 pixie cms 制作高级插件,那就太好了:)

    【讨论】:

      猜你喜欢
      • 2023-03-06
      • 2017-08-26
      • 2023-04-10
      • 2011-11-22
      • 2016-03-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-03-11
      相关资源
      最近更新 更多