0

我有一个表格，要求输入名字/姓氏、电子邮件和电话。我不想使用“占位符”，因为 IE 缺乏这种能力。我已经尝试了很多事情，但对脚本编码知之甚少，当有人提交他们的信息时，我如何将默认文本从字段中剥离出来。

我需要找到一种方法，让下面的代码只向我发送输入字段的数据，而不是像“电话”这样的表单中的 txt

<form action="{SUBMIT_FORM}" method="post">

<input type="text" class="input-field"  onblur="if (this.value == '') {this.value = '*First Name : (Required Field)';}" onfocus="if (this.value == '*First Name : (Required Field)') {this.value = '';}" name="{lead_first_name}" id="{lead_first_name}" value="*First Name : (Required Field)"/>
<input type="text" class="input-field"  onblur="if (this.value == '') {this.value = 'Last Name :';}" onfocus="if (this.value == 'Last Name :') {this.value = '';}" name="{lead_last_name}" id="{lead_last_name}" value="Last Name :"/>
<input type="text" class="input-field"  onblur="if (this.value == '') {this.value = '*Email : (Required Field)';}" onfocus="if (this.value == '*Email : (Required Field)') {this.value = '';}" name="{lead_email}" id="{lead_email}" value="*Email : (Required Field)"/>
<input type="text" class="input-field" onblur="if (this.value == '') {this.value = 'Phone :';}" onfocus="if (this.value == 'Phone :') {this.value = '';}" name="{lead_home_phone}" id="{lead_home_phone}" value="Phone :"/>
<input type="submit" class="sbt-btn" value="Submit"  onclick="{SUBMIT_SCRIPT}" />

{VALIDATE_SCRIPT}
</form>
<small>*We promise to never share, rent or sale your personal information.</small>
4

2 回答 2

0

在您的表单验证器中，如果preventDefault()表单包含您不想提交的占位符数据，您可以使用它来阻止表单被提交。

于 2012-10-30T15:54:36.883 回答
0

这是我在简单的文本输入上的操作方法。HTML：

<form id="myemailform">
  <input class="text email" type="text" name="email" value="Enter e-mail address"/>
  <input type="submit" value="Submit">
</form

查询：

<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('input.text').each(function() {
        $.data(this, 'default', this.value);
    }).focus(function() {
        if (!$.data(this, 'edited')) {
            this.value = "";
        }
    }).change(function() {
        $.data(this, 'edited', this.value != "");
    }).blur(function() {
        if (!$.data(this, 'edited')) {
            this.value = $.data(this, 'default');
        }
    });

    $('#myemailform').submit(function() {
        if($(".email").val() == "Enter e-mail address") {$(".email").val("");}
        return true;
    });
});
</script>

javascript 查找 input.text 元素并删除焦点、模糊或更改的占位符文本。如果表单在提交时带有占位符文本，它会在提交之前先删除占位符文本。

于 2012-10-30T16:11:44.787 回答