JS------工具1-CSDN博客

本文链接：https://blog.csdn.net/cr2814152339/article/details/129089256

文章讲述了如何在JavaScript中使用getElementById方法获取JSP页面中具有唯一ID的input输入框的值，特别是在密码验证场景下的应用。示例代码展示了如何比较两个密码输入框的值以确保一致性，并提供了在验证失败时清空输入框和显示错误信息的方法。

摘要由CSDN通过智能技术生成

在js中获取jsp input框中用户输入的值

jsp的写法，注意input框要有一个唯一的id值

<tr>
    <td class="nameTd">
        <font color="red">*</font>&nbsp;新密码
    </td>
    <td class="titleTd">
        <input type="password" name="loginpwd" id="loginpwd" datatype="EnglishNum"
        msg="密码不能为空且不能为汉字！" onChange="lenLimit(this,pw,8)"
        onblur="checkPwd4(this,pw,8)" maxlength="20"/>&nbsp;必须包含数字和大小写字母
        <a id="pw"></a>
    </td>
</tr>
<tr>
    <td class="nameTd">
        <font color="red">*</font>&nbsp;确认密码
    </td>
    <td class="titleTd">
        <input type="password" name="loginpwd1" id="loginpwd1" datatype="Require"
        msg="确认密码不能为空！" onChange="lenLimit(this,rpw,8)"
        onblur="checkPwd3(this,rpw,8)" maxlength="20"/>
        <a id="rpw"></a>
    </td>
</tr>

js的写法

document.getElementById("id值").value;就是获取指定id的input值

function checkPwd3(revalue, showId, num, showname) {
	var password = document.getElementById("loginpwd").value;
/*获取id为loginpwd的input输入框的值并赋给password*/
	var password1 = document.getElementById("loginpwd1").value;
/*获取id为loginpwd1的input输入框的值并赋给password1*/
	if (password != password1){
		console.log("前后密码不一致");
		rpw.innerHTML = "<font color='red'>*\u786e\u8ba4\u5bc6\u7801\u4e0e\u65b0\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4\uff01</font>";
		lenLimit(revalue, showId, num, showname);
		document.getElementById("loginpwd1").value='';
		return false;
	}else{
		rpw.innerHTML = "<font color='red'> </font>";
		lenLimit(revalue, showId, num, showname);
	}
}

rpw.innerHTML = "<font></font>";

结合<a id="rpw"></a>

就可以在页面上显示font对应的字符。

document.getElementById("id值").value = '';

可以将输入框清空。