在JS中如何获取HTML网页密码输入框的值

JavaScript048

在JS中如何获取HTML网页密码输入框的值,第1张

把输入框放到一个form表单里

<form name="frm">

<input type="text" name=“name” id=“id_name”..../>

</form>

这样在js里就可以document.frm.name.value就是输入框的值

或者document.getElementById("id_name").value也是可以的

文本框和密码框都是input元素，只是type属性值不一样，因此只要将type属性由text修改为password即可实现文本框变密码框。示例如下：

1、HTML结构

<input type="text" id="test" value="请输入密码" onclick="fun(this)">

2、javascript代码

function fun(obj){

obj.value = ""

obj.type = "password"

}

3、效果演示

你可以使用formValidator.js，专门做表单验证的，效果如下：

用法很简单，引用formValidator.js的核心类库，然后初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true})

然后对要做校验的文本框编写校验代码

$("#employeeNo").formValidator({onshow : "输入范围为1到10个字符", 

     onfocus : "输入范围为1到10个字符",oncorrect : " "}).inputValidator({

      min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到10个字符"})

    $("#employeeName").formValidator({onshow : "输入范围为1到40个字符", 

     onfocus : "输入范围为1到40个字符",oncorrect : " "}).inputValidator({

     min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到40个字符"})

在后面对应的<div id="employeeNoTip"></div>显示提示语

formValidator.js这个网上有很多实例和教程，很简单的