我可以在运行时检索输入类型的名称值

HOw can i retrieve name value of input type at run time

本文关键字：类型 输入 运行时 检索 我可以      更新时间：2023-09-26

在我的表格中，我写了这样的东西：

Enter your Name : <input type="text" name="myname" />
<div id="mynameerror"> </div>
<br />

在验证中：我检索 id 为"mynameerror"的元素，如果输入为空，我将一些错误字符串设置为 innterHTML。

问题：

现在，是否可以通过检索"input"标签的"name"属性来构造div标签的id名称？

像这样：

<div id="name property" + "error"> </div>

id不能有空格。使用下划线或其他分隔符。

此外，在运行时更改元素的 id 是一种不好的做法。

window.setTimeout(function() {
  // Get the input's name
  var name = document.querySelectorAll('input[type="text"]')[0].name;
  // Set the id for the div to be "myname_error"
  document.getElementById("mynameerror").setAttribute("id", name + "_error");
  // Verify the element's id was altered by retrieving it.
  console.log(document.getElementById("myname_error"));
}, 1000);
Enter your Name :
<input type="text" name="myname" />
<div id="mynameerror"></div>

试试这个：

.HTML：

<input type="text" name="fname" id="fname">
<span id="fname_error"></span>
<br><br>
<input type="button" onclick="check()" value="Check">

脚本：

<script>
function check(){
    var fname = document.getElementById("fname").value;
    if(!fname){
     document.getElementById("fname_error").innerHTML = "Text Empty!";
    } else {
     document.getElementById("fname_error").innerHTML = "No Error!";
    }
 }
</script>
相关文章：