PHP联系表单覆盖字段问题重复值

Question

我正在使用 http://phpfmg.sourceforge.net/home.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">

Answer 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);" ...>

Answer 2

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

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