我想使用java脚本访问以下代码。有人可以帮我吗?我是JavaScript的初学者。
<input type="text" name="username" />
我希望从其name属性访问该元素。如果元素值的长度小于6,则需要显示警告框。
答案 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
var usrtxt = document.getElementById('usrtxt');
alert(usrtxt.name + ": " + usrtxt.value);
&#13;
<input type="text" name="username" id='usrtxt' value='admin' />
&#13;
尝试使用document.getElementsByTagName()
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;
答案 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更加复杂(您的用户会欣赏它),但上面显示了基础知识。