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

时间:2014-12-09 06:13:36

标签: javascript

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

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

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

5 个答案:

答案 0 :(得分:1)

使用 getElementsByName()方法,

document.getElementsByName('username')

getElementsByName()返回一个元素数组。

答案 1 :(得分:1)

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

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

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

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

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

答案 2 :(得分:0)

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

&#13;
&#13;
var usrtxt = document.getElementById('usrtxt');
alert(usrtxt.name + ": " + usrtxt.value);
&#13;
<input type="text" name="username" id='usrtxt' value='admin' />
&#13;
&#13;
&#13;

尝试使用document.getElementsByTagName()

&#13;
&#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;
&#13;
&#13;

答案 3 :(得分:0)

如果您希望使用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 !!');
  }
}

答案 4 :(得分:0)

可能输入的形式如下:

<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更加复杂(您的用户会欣赏它),但上面显示了基础知识。