如何检查我的文本框是否为空并运行函数javascript，html

hjzp0vay 于 2023-03-21 发布在 Java

关注(0)|答案(3)|浏览(166)

我需要运行的功能changePageTitle()如果与ID的文本框“标题”是空的，如果不是然后运行newPageTitle = "please choose title" document.title = newPageTitle;这里是我的代码（我试图做的东西，改变页面的标题，我把文本框）

<html>

<head>
  <title>
    please choose title
  </title>
</head>

<body>
    <input type="text" id="title" size="150" oninput="changePageTitle()">
  <br>
  <button onclick="changePageTitle()">
    *click me if page title doesn't change
  </button>

  <script type="text/javascript">
    function changePageTitle() {
      newPageTitle = document.getElementById('title').value;
      document.title = newPageTitle;
    }
const interval = setInterval(function(){
  //here is where I want to put the check
}, 1000);
  </script>
</body>

</html>

JavaScript

来源：https://stackoverflow.com/questions/75729552/how-do-i-check-if-my-textbox-is-empty-and-run-a-function-javascript-html

3条答案

按热度按时间

yquaqz181#

简单地直接检查变量;你已经有一个事件处理程序，它将在输入时被激发，所以setInterval是不必要的。

function changePageTitle() {
  let newPageTitle = document.getElementById('title').value;
  if (newPageTitle === '') {
    newPageTitle = "please choose title";
  }
  document.title = newPageTitle;
}

试试看：
x一个一个一个一个x一个一个二个x

赞(0）回复(0）举报 2023-03-21

nhhxz33t2#

const interval = setInterval(function(){
  if(document.getElementById("title").value == ''){
     newPageTitle = "please choose title";
     document.title = newPageTitle;
  }
}, 1000);

document.getElementById("title").value == ''

如果输入为空，则返回true。
这就是你想要的吗？

赞(0）回复(0）举报 2023-03-21

yx2lnoni3#

setInterval()在我看来会很烦人，每次用户删除一些东西，它会很快将文本更改为默认值。您可以使用占位符，如果您希望您的标题不为空，您可以调用changePageTitle()只是onClick按钮：

if(document.getElementById('title').value.trim() === "") 
          document.getElementById('title').value= "default title";

赞(0）回复(0）举报 2023-03-21

我来回答

如何检查我的文本框是否为空并运行函数javascript，html

3条答案

相关问题

热门标签

最新问答