Tab键不会't继续chrome/IE11中的表单字段
Tab press doesn't go forward on form fields in chrome/IE11
我有一个表单,当我按下tab键时,它会在文本框中移动,但当它到达密码字段时,它不会向前或向后移动。Firefox没有显示这个问题,但chrome和IE11显示了这个问题。
<tr>
<td style="text-align:left"><label for="name"> Name<font color="red">*</font> </label></td>
<td ><input type="text" id="doctorName" name="doc_name" placeholder="Name" onblur="allLetter(document.registration.doc_name)" required />
</td><td><img src="images2/image.png" class="masterTooltip" title="eg. Mr|Ms|Dr|Smt Last First Middle name"></td><td style="text-align:left"><i name="nameb"style='color:red' id='docnm' ></i></td>
</tr>
<tr>
<td style="text-align:left"> <label for="email" > Email </label></td>
<td ><input type="text" id="doctorEmail" name="doc_email" onblur="myfun()" placeholder="Email" required /></td><td><img src="images2/image.png" class="masterTooltip" title="Enter valid email for eg. abcd@example.com"></td>
<td style="text-align:left"> <i style='color:red' id='email' ></i></td>
</tr>
<tr>
<td style="text-align:left"> <label for="uname" >User Name<font color="red">*</font></label></td>
<td ><input type="text" id="userName" name="username" onblur="allLetter_username(document.registration.username)" placeholder="User Name" required />
</td><td><img src="images2/image.png" class="masterTooltip" title="UserName contains a-z, A-Z, 0-9, _"></td><td style="text-align:left"><i name="nameb"style='color:red' id='usernm' ></i></td>
</tr>
<tr>
<td style="text-align:left"> <label for="password" >Password<font color="red">*</font> </label></td>
<td ><input type="password" id="doctorPassword" name="doc_password" onblur="passid_validation(7,20)" placeholder="Password" /><td></td>
</td><td style="text-align:left"> <i style='color:red' id='pass' ></i></td>
</tr>
// This function will validate Password.
function passid_validation(mx,my)
{
var passid = document.registration.doc_password;
var passid_len = passid.value.length;
if (passid_len == 0 ||passid_len >= my || passid_len < mx)
{
document.getElementById('pass').innerHTML="Password length must be 7 to 20";
passid.focus();
return false;
}
else
{
document.getElementById('pass').innerHTML='';
return true;
}
}
您可以在输入上显式设置tabindex。查看
尝试删除
onblur="passid_validation(7,20)"
事件。它必须以某种方式防止进一步的标签。
相关文章:
- Tab键不会't继续chrome/IE11中的表单字段
- jQuery/Javascript函数可以在Chrome中使用,但不能在IE11中使用
- 聚合物准备在IE11上启动,但在Firefox或Chrome上不启动
- style.display无法在Chrome、Safari-Firefox、IE11中正常工作
- ajax调用在IE11和chrome中无法正常工作
- valueOf() 在脚本和 F12 控制台(仅限 Chrome 和 IE11)中给出不同的值
- getComputedStyle报告Chrome / Safari / Firefox和IE11之间的不同高度
- 在Chrome/IE11/Firefox的隐藏空字段中设置一个值
- 调度事件在 Chrome 中,但在 IE11 中不是
- 使用编解码器编码的视频文件.mov:Apple ProRes (apch) 无法通过 chrome 或 IE11 中的视
- chrome、firefox、ie11中的基本html代码函数,但不是ie9
- 水平图像滑块无法在chrome和IE11中工作
- chrome和IE11中的多个javascript window.open调用失败
- 无法获取属性'应用'未定义或空引用的IE11和Chrome
- 谷歌地图在IE11中显示为灰色空间,在Chrome中则不然
- JavaScript RegExp不工作在IE11和工作在Chrome
- jQuery .css() api在chrome和ie11之间的结果不同
- jQuery不能在IE11中工作,但可以在Chrome中工作
- 动态加载用户控件在ie11和Chrome中不工作
- 在ie11浏览器中出现语法错误,但在Chrome浏览器中没有问题