Javascript 如果不满足要求，则停止操作_Javascript

Javascript 如果不满足要求，则停止操作

javascript

Javascript 如果不满足要求，则停止操作,javascript,Javascript,我想检查两个文本框是否为空。它显示了一个错误作为innerHTML显示，以及它们是否都已填写。然后它将继续采取行动。这是我的密码： function go() { var toCheck = document.getElementById('myAnchor'); if (toCheck != '') { return true; } else { document.getElementById('myAnchor').innerHTML = 'Fred

我想检查两个文本框是否为空。它显示了一个错误作为innerHTML显示，以及它们是否都已填写。然后它将继续采取行动。这是我的密码：

function go()
{
  var toCheck = document.getElementById('myAnchor');
  if (toCheck != '') {
     return true;
  }
  else 
  {
    document.getElementById('myAnchor').innerHTML = 'Fred Flinstone';
  }
}

这确实设置了innerHTML，但仍然继续操作。我怎样才能阻止它继续

谢谢大家!

Textfields使用value属性

  document.getElementById('myAnchor').value = 'Fred Flinstone';

空文本字段的值为“”

这里有一个有效的例子

<!DOCTYPE html>
<html>
<body>

<form name="form" action="data.php">
<label style="float:left">
<font face="Comic Sans MS">* username &nbsp
</label></font>
<input type="text" id='textfield' name="name" size="40" style="float: left;">

<label id='myAnchor' style="display: inline; padding-left: 20px;"></label> <br/> <br/>
<label style="float:left"><font face="Comic Sans MS">* password &nbsp</label></font>

<input type="text" name="pwd" size="40" style="float: left;">
<label id="myAnchor2" style="display: inline; padding-left: 20px;">
</label> <br/> </p> <input type="button" value="LogIn" onClick="return go();"> </form>

</body>
<script>

function go()
{

    var toCheck = document.getElementById('textfield');
    if (toCheck.value != "") {
        return true;
    }
    else 
    {
        toCheck.value = 'Fred Flinstone';
    }
}

</script>

</html>


*用户名



*密码


函数go（）
{
var toCheck=document.getElementById（'textfield'）；
如果（toCheck.value！=“”）{
返回true；
}
其他的
{
toCheck.value='Fred Flinstone'；
}
}

在表单上添加onsubmit：

<form onsubmit="return true;">
...
</form>

...

如果返回为false，那么如果返回为true，它将停止提交相反的场景。您也可以在该属性上调用函数并执行相同的操作，如果该属性不符合条件，它将停止提交表单，并执行您希望执行的其他过程。

您应该检查文本框的值

将代码更改为

 function go()
{
  var toCheck = document.getElementById('myAnchor').value;
  if (toCheck != '') {
     return true;
  }
  else 
  {
    document.getElementById('myAnchor').innerHTML = 'Fred Flinstone';
  }
}

在你的问题中，你是这么说的

我想检查两个文本框的有效性

在这种情况下，您应该检查文本框的值，而不是

myAnchor

。我会像这样更改您的html代码：

<input type="text" name="name" id="name" size="40" style="float: left;">
<input type="text" name="pwd" id="pwd" size="40" style="float: left;">
<input type="submit" value="LogIn" onSubmit="go();">

该函数绑定到哪个元素和事件？您的代码与您的问题不匹配。什么是

myAnchor

？是输入框吗？还是您希望在此处显示错误？

*用户名

*密码
函数go（）{var-toCheck=document.getElementById（'myAnchor'）；if（toCheck=''）{document.getElementById（'myAnchor'）。innerHTML='Fred Flinstone'；return false；}else{return true；}}id应该在输入字段上，而不是标签上。如果我用alert替换innerHTML，它就会工作。否则否：（确保输入标记具有myAnchor id，而不是标签。另外，id不应该使用大写；css并不总是喜欢它。函数go（）{If（document.form.name.value==“”）{document.getElementById（'myAnchor'）.innerHTML=“A”return false；}否则{return true；}这就行了！！！你仍然有一个innerHTML：）
<input type="text" name="name" id="name" size="40" style="float: left;">
<input type="text" name="pwd" id="pwd" size="40" style="float: left;">
<input type="submit" value="LogIn" onSubmit="go();">

function go() {
  var name = document.getElementById('name').value,
      pwd = document.getElementById('pwd').value;

  if (name != '' && pwd != '') {
     document.forms["form"].submit();
  }
  else {
    document.getElementById('myAnchor').innerHTML = 'Fred Flinstone';
  }
}