Question

我的项目中有以下内容：

function check() {
  var empt = document.getElementById('xyz1').value;

  if (empt == "") {
    alert("Please input a Value");
    return false;
  } else {
    return true;
  }
}

<a href="test.html" role="button" name="weiter" id="weiter" onclick="check();">Go</a>
<p id="xyz1"></p>

我做错了什么。我总是到页面test.html。检查无效。是否可以检查p标签是否为空？目标是，如果p标签中没有任何内容可以获取警报，并且是否有字符串或数字到达链接页面test.html 我想使用纯JavaScript（没有jQuery）。

Answer 1

它是innerHTML而不是value。另外，检查是否为空。

＆＃13;

function check() {

  var empt = document.getElementById('xyz1').innerHTML;
  if (empt == null || empt == "")
  {
  alert("Please input a Value");
  return false;
  }
  else 
  {
  return true; 
  }
  }

＆＃13;

<a href="test.html" role="button" name="weiter" id="weiter" onclick="check();">Go</a>
<p id="xyz1"></p>

＆＃13;

Answer 2

		function check() {
			event.preventDefault();
		  var empt = document.getElementById('xyz1').innerHTML;
		  if (empt == null || empt == "")
		  {
		    alert("Please input a Value");
		    return false;
		  }
		  else 
		  {
		  	return true; 
		  }
		}

<a href="test.html" role="button" name="weiter" id="weiter" onclick="check();">Go</a>
<p id="xyz1"></p>

函数必须是事件阻止默认，否则在单击事件后运行href。

另一种方法

onclick="return check()"

		function check() { 
		  var empt = document.getElementById('xyz1').innerHTML;
		  if (empt == null || empt == "")
		  {
		    alert("Please input a Value");
		    return false;
		  }
		  else 
		  {
		  	return true; 
		  }
		}

<a href="test.html" role="button" name="weiter" id="weiter" onclick="return check();">Go</a>
<p id="xyz1"></p>

JavaScript：检查html p标记是否为空

2 个答案: