我正在尝试创建一个函数,该函数将查看用户名(如果无效),然后向用户发送警报,清除用户名字段,然后将用户名字段重新置于焦点中。我正在尝试使用 getElementsBynName() 函数来完成这一切。除了让现场重新成为焦点之外,一切都在进行。我的代码如下。有没有人有什么建议。
function uchecker(uname)
{
var validUname = uname.search(/^\[email protected] /cdn-cgi/l/email-protection$/);
if(validUname != 0)
{
alert("You have entered an invalid username. \n The username must be a valid @sju.edu email address value " + document.getElementsByName('uname')[0].value);
document.getElementsByName('uname')[0].value = null;
document.getElementsByName('uname')[0].focus();
/I have also tried document.getElementsByName('uname').focus, document.getElementsByName('uname')[0].value.focus();
}
}
因此,在 Java 脚本运行之前,焦点字段会更改为下一个字段,即我的密码输入框……它也有自己的验证功能。我有办法让我的 javascript 代码在下一个文本框(密码框)获得焦点之前为我的用户名字段运行吗?
JavaScript:
document.getElementsByName('name')[0].focus()
Jquery:
$("#name")[0].focus()
function valid(){
var nameObj = document.getElementsByName("testing");
for(var i=0; i<nameObj.length; i++){
if(nameObj[i].value == ""){
//$(nameObj)[i].focus(); //Jquery
nameObj[i].focus(); //Js
alert("Please Fill all the text boxes");
break;
}
}
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
.input-sm{
width:200px
}
</style>
<input name="testing" class="form-control input-sm" type="text" id="test_01"/><br>
<input name="testing" class="form-control input-sm" type="text" id="test_02"/><br>
<input name="testing" class="form-control input-sm" type="text" id="test_03"/><br>
<input name="testing" class="form-control input-sm" type="text" id="test_04"/><br>
<input type="button" class="btn btn-primary" onclick ="valid()" value="Click Me"/>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)