代码之家 › 专栏 › 技术社区 › mr. baby

从函数更改DOM时遇到问题

dom html javascript

mr. baby · 技术社区 · 2 年前

谢谢点击。

我是JS的新手,只是喜欢四处闲逛,但我很难让这个功能发挥作用。我已经用谷歌chrome测试过了 alert('incorrect'); 它是有效的,但每当我尝试运行样式显示属性时,都不会发生任何事情。

任何帮助都将不胜感激&提前谢谢!

function validate() {
  let x = document.forms["myForm"]["fname"].value;
  if (x == "14") {
    pwForm.display.style = "none";
  }
}

<form name="myForm" onsubmit="validate()" id="passwordForm">
      <input
        id="passwordPrompt"
        type="text"
        placeholder="how many years?"
        name="fname"
      />
      <input type="submit" value="Submit" />
    </form>

1 回复 | 直到 2 年前

Mamun 2 年前

代码中很少有问题。首先 pwForm 变量未定义,其次,操作显示样式的正确属性是 style.display 不 display.style .

此外,您可能需要停止表单提交才能留在页面上。

function validate() {
  let x = document.forms["myForm"]["fname"].value;
  if (x == "14") {
    document.getElementById("passwordForm").style.display = "none";
  }
  return false;//prevent the form submission to stay on the page
}

<form name="myForm" onsubmit="return validate()" id="passwordForm">
  <input
    id="passwordPrompt"
    type="text"
    placeholder="how many years?"
    name="fname"
  />
  <input type="submit" value="Submit" />
</form>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前