gpt4 book ai didi

javascript - 我使用 javascript 在 jsp 中将名字的第一个字母变为大写的代码不起作用

转载 作者:行者123 更新时间:2023-12-02 17:50:04 26 4
gpt4 key购买 nike

这是我的jsp代码,请浏览:

</script>
<script type="text/javascript">
function capitalize(s)
{
return s[0].toUpperCase() + s.slice(1);
}
</script>

<body bgcolor="#D0D0D0" onLoad="addList()">
<h1>Welcome to registration page</h1> <br/> <br/>
<h3>Enter your personal details here</h3>
<form name="Register" action="RegisterServlet" method="post" onSubmit="return validate()">
<table>
<tr>
<td>First Name* : </td>
<td><input type="text" name="txtFname" id="fname" maxlength="30" onKeyup="capitalize(txtFname)"/>
<span style="padding-left:100px;" id="errorFirstNameMissing" style="visibility:hidden;"><font color="red">*Please provide your first name.</font></span>
<span style="padding-left:100px;" id="errorFirstNameInValid" style="visibility:hidden;"><font color="red">*Please provide a valid first name.</font></span>
</td>
</tr>
<tr>
  1. 名字的第一个字母没有大写

    2.我还有另一个问题,当字段为空时以及当字段不为空但它时,span id 字段中的错误消息即*请提供您的名字将显示在 jsp 页面上与格式不匹配,则它将被替换为 *请提供有效的名字。我希望替换发生在同一行并且与输入字段的距离相同,但现在后者显示在新行中。所以请有人帮我解决这两件事

最佳答案

像这样改变你的函数:

function capitalize(el)
{
var s = el.value;
el.value = s.substring(0,1).toUpperCase() + s.substring(1);
}

更改您的 html,例如:

<input type="text" name="txtFname" id="fname" maxlength="30" onKeyup="capitalize(this)"/>

对于第二个问题,要将消息对齐在同一行,您应该更改样式:

visibility:hidden;

display:none;

然后在你的 javascript 验证函数中,而不是:

document.getElementById(/.../).style.visibility = "visible";

document.getElementById(/.../).style.display = "";

关于javascript - 我使用 javascript 在 jsp 中将名字的第一个字母变为大写的代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21449089/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com