Question

我想使用java脚本访问以下代码。有人可以帮我吗？我是JavaScript的初学者。

<input type="text" name="username" />

我希望从其name属性访问该元素。如果元素值的长度小于6，则需要显示警告框。

Answer 1

使用 getElementsByName（）方法，

document.getElementsByName('username')

getElementsByName（）返回一个元素数组。

Answer 2

getElementsByName（）方法返回文档中具有指定名称的所有元素的集合

var x = document.getElementsByName("username")[0].tagName;

如果它是唯一的，你可以使用id代替名称。

<input type="text" id="username" />

var x=document.getElementById("username");

Answer 3

尝试使用document.getElementById()，需要指定唯一ID

＆＃13;

var usrtxt = document.getElementById('usrtxt');
alert(usrtxt.name + ": " + usrtxt.value);

＆＃13;

<input type="text" name="username" id='usrtxt' value='admin' />

＆＃13;

尝试使用document.getElementsByTagName()

＆＃13;

var inputArray = document.getElementsByTagName('input');//gives array
var usrtxt = inputArray[0];//get first element
alert(usrtxt.name + ": " + usrtxt.value);

＆＃13;

<input type="text" name="username" value='admin' />

＆＃13;

Answer 4

如果您希望使用Name识别特定元素，请使用getElementsByName函数

<强>使用Javascript：

var x = document.getElementsByName('username');

如果您考虑使用Jquery，请使用以下代码。的 Jquery的：

$('[name="username"]');

详细了解Jquery Selectors

<强>更新

var x = document.getElementsByName('username'); // X is an array here as getElementsByName returns collection i.e. Array var val = x[0];//get first element if(val.value.length < 6) // Check if its value greater than 6 { alert('boom !!'); } }

Answer 5

可能输入的形式如下：

<form ...>
  <input name="username">
  ...
</form>

并且您可能希望在提交表单时验证它，因此在这种情况下，您可能在表单上有一个监听器，如：

<form onsubmit="return validate(this)" ...>

并在验证函数中：

function validate(form) {

  // get input as form.username
  if (form.username.value.length < 6) {
    alert('Username must be 6 or more characters long');

    // Prevent form submission
    return false;
  }
}

您可能希望使用UI更加复杂（您的用户会欣赏它），但上面显示了基础知识。

通过javascript中的输入名称访问Input元素

5 个答案: