Question

我在网页上有一个表单，其中包含一个电子邮件地址文本框，其中包含默认文本“输入您的电子邮件地址”。

附加到表单上的图像是一个名为myfunc（）的函数，它只是提交了表单。我正在尝试做的是调整此表单，以便如果电子邮件文本框仍包含默认文本“输入您的电子邮件地址”，然后显示隐藏的div（或类似），而不是提交表单。目前我正在使用此部分中的重定向进行测试。

任何人都可以看到我用javascript做错了吗？我认为这将是非常简单的。

<!--Javascript to submit form onclicking submit div-->
<script type="text/javascript">
    function myfunc () {
        var searchtext = document.getElementById("emailsubmit").value;
        var frm = document.getElementById("myemailform");
        if (searchtext=='enter your email address')
        {
        window.location.href = "http://stackoverflow.com";
        }
        else 
        {
            frm.submit();
        }
}
</script>

我的表格：

  <form action="functions/function-email.php" method="post" name="myemailform" id="myemailform">
      <input type="text" id="emailsubmit" name="email" onfocus="if(this.value=='enter your email address') this.value = ''" onblur="if(this.value=='') this.value = 'enter your email address'" value="enter your email address" size="50" maxlength="50">

    <div class="send_request_button" >
    <img src="images/purple.png" width="400" height="100" onClick="myfunc();"/>
    </div>

  </form>

Answer 1

而不是使用

<input type="text" id="emailsubmit" name="email" onfocus="if(this.value=='enter your email address') this.value = ''" onblur="if(this.value=='') this.value = 'enter your email address'" value="enter your email address" size="50" maxlength="50">

您应该使用占位符（其HTML5），这样您就不必检查默认文本。

<input type="text" id="emailsubmit" name="email" placeholder="enter your email address" size="50" maxlength="50">

在提交PHP表单之前检查文本字段的内容

1 个答案: