我解决了这个问题
密码输入标签在这样的div中
所以我通过以下步骤解决了问题:
>在#passwordCell div中添加另一个输入字段,并为其指定一个id,例如password_mask
< input type =“tel”name =“password_mask”id =“password_mask”placeholder =“仅允许4位数字.” MAXLENGTH = “4”/>
>隐藏#Password输入字段
$( “#密码”),隐藏().
>将jQuery keyup事件绑定到#password_mask输入字段,使其将其输入值传递给#Password字段,并将#password_mask中的输入字符替换为*.我这样做是因为最后#Password中的值将作为用户密码发送到服务器
这是javascript代码,我使用jQuery
$("#passwordCell").html('');
$("#passwordCell").append('' +
'');
$("#password_mask").textinput();
$("#Password").textinput();
//$("#password_mask").show();
$("#Password").hide();
$("#password_mask").keyup(function() {
var inputLength = $(this).val().length;
var passwordLength = $("#Password").val().length;
if (inputLength > passwordLength) {
var inputLastChar = $(this).val().charAt(inputLength-1);
$("#Password").val($("#Password").val() + inputLastChar);
} else {
$("#Password").val($("#Password").val().substring(0,$(this).val().length));
}
var i = 0;
var maskPassword = "";
while (i < $("#password_mask").val().length) {
maskPassword += "*";
i++;
}
$("#password_mask").val(maskPassword);
});
$("#password_mask").blur(function() {
$("#Password").focus();
$("#Password").blur();
});