js怎么修改input的type属性ie不出错

发布网友发布时间：2022-04-24 19:44

共1个回答

热心网友时间：2022-05-02 02:58

js修改input的type属性并且兼容ie的实现方法如下：

1、定义html中需要改变type的input控件：：
<input type="text" value="Username" name="username" id="username"
onFocus="javascript:focusCheckDefaultValue(this, '', 'Username -OR- Email Address');"
onBlur="javascript:blurCheckDefaultValue(this, '', 'Username -OR- Email Address');">
<input type="password" value="Password" name="pass" id="pass"
onFocus="javascript:focusCheckDefaultValue(this, 'pass', 'Password');"
onBlur="javascript:blurCheckDefaultValue(this, 'pass', 'Password');">

<script type="text/javascript" language="JavaScript">
2、定义处理type改变的js函数：
$(document).ready(function()
{
var passfield = document.getElementById('password_field_id');
passfield.type = 'text';
});

function focusCheckDefaultValue(field, type, defaultValue)
{
if (field.value == defaultValue)
{
field.value = '';
}
if (type == 'pass')
{
field.type = 'password';
}
}
function blurCheckDefaultValue(field, type, defaultValue)
{
if (field.value == '')
{
field.value = defaultValue;//不修改，默认属性
}
if (type == 'pass' && field.value == defaultValue)
{
field.type = 'text';//修改为text
}
else if (type == 'pass' && field.value != defaultValue)
{
field.type = 'password'; //修改为password
}
}
</script>