表单要求提醒,当我使用ghost文本时不显示

时间:2013-11-21 16:48:06

标签: javascript php forms validation

我正在创建联系表单。我想在我的输入表单中使用ghost文本,但是随着ghost文本Javascript添加到我的代码工作中,我的表单需求警报不再起作用。

我相信这是因为代码正在读取ghost文本作为填写的表单,而不是空的。当人们什么都没有填补时,我需要提醒警报。

我想我需要这样才能使幽灵文本没有价值,但我不明白如何实现这一目标。

这是我的一个带有表单要求的输入字段的示例:

<label for='name' >Your Name *: </label
<input type='text' name='name' id='name' value='<?php echo $formproc->SafeDisplay('name') ?>' maxlength="50" /><br/>
<span id='contactus_name_errorloc' class='error'></span>

这是鬼文JS:

<script>// Reference our element
var txtContent  = document.getElementById("name");
// Set our default text
var defaultText = "Full Name*";

// Set default state of input
txtContent.value = defaultText;
txtContent.style.color = "#CCC";

// Apply onfocus logic
txtContent.onfocus = function() {
// If the current value is our default value
if (this.value == defaultText) {
// clear it and set the text color to black
this.value = "";
this.style.color = "#000";
 }
}

// Apply onblur logic
txtContent.onblur = function() {
// If the current value is empty
if (this.value == "") {
// set it to our default value and lighten the color
this.value = defaultText;
this.style.color = "#CCC";
}
}</script>

这是我的表单提醒JS:

var frmvalidator  = new Validator("contactus");
frmvalidator.EnableOnPageErrorDisplay();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("name","req","Please provide your full name.");

这是表格提醒PHP:

//name validations
if(empty($_POST['name']))
{
  $this->add_error("Please provide your full name.");
  $ret = false;
 }

1 个答案:

答案 0 :(得分:0)

我做了一点环顾四周,发现this这就是我认为你在寻找的东西:)