Question

此代码在我放置的任何页面上均以纯文本显示。应该显示两个文本框和两个按钮

<div onmouseover="change_background(this, '#FCF6CF')" onmouseout="change_background(this,'#E8E8E8')" id="client_portal_content">
  Client Login
  <INPUT id=logintext size="15" onblur="if (this.value == '')
    this.value='Your client ID'" onfocus="this.value=''" value="Your client
    ID"></INPUT>
  <INPUT id=loginbutton onclick="if
    (document.getElementById('logintext').value != 'Your client ID')
    window.open('http://1010.cmmcloud.com/progress/progress.php?id=p-'+document.getElementById('logintext').value)" type=button value=Login></INPUT>

  <br><br> Affiliate Login
  <INPUT id=logintextaff size="15" onblur="if
    (this.value == '') this.value='Your affiliate ID'" onfocus="this.value=''" value="Your affiliate ID"></INPUT>
  <INPUT id=loginbuttonaff onclick="if
    (document.getElementById('logintextaff').value != 'Your affiliate ID')
    window.open('http://1010.cmmcloud.com/affportal/portal.php?id=a-'+document.getElementById('logintextaff').value)" type=button value=Login></INPUT>
</div>

Answer 1

您的代码中有错误，它不能解释为什么它显示为纯文本，但可以解释为什么它无论如何都不会运行。可以使用 placeholder 文本，然后检查输入是否为空，而不是使用功能“ onblur”来填充文本，然后检查是否在提交时填充。

请参见以下示例：

function check() {
  var x = document.getElementById("#myid");

  if (x == null|| x=="") {
    alert("Fill in your id!");
  }
}

<input id="myid" type="text" placeholder="Client ID" />

<button onclick="check();">Click me</button>

希望这会有所帮助

编辑：在您的标签（无需大写）中，您有

 onclick="if
(document.getElementById('logintext').value != 'Your client ID'

替换为

onclick="if
(document.getElementById('logintext').value != null  )


<input id="logintext" size="15" placeholder ="Your Client ID"
value=" "></input>

为什么此代码不会显示在wordpress页面上？

1 个答案: