0

氏名、メールアドレス、電話番号を尋ねるフォームがあります。IEにはその機能がないため、「プレースホルダー」を使用したくありません。私は多くのことを試しましたが、誰かが情報を送信したときにフィールドからデフォルトのテキストを削除する方法に関するスクリプト コーディングについて十分に知りません。

以下のコードで、入力されたフィールドのデータのみを送信し、「電話

<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

簡単なテキスト入力でこれを行う方法は次のとおりです。HTML：

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

Jquery：

<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 に答える
0

フォーム バリデーターでは、preventDefault()送信したくないプレースホルダー データがフォームに含まれている場合、フォームが送信されないようにするために使用できます。

于 2012-10-30T15:54:36.883 に答える