javaweb如何在前台验证输入字符是否超出长度,若超出指定长度在当前页面出现提示文字超出长度

时间：2022-01-06 17:09:10
这是我的代码，该怎么加？ 


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>

<head>

<title>login</title>

</head>

<body>

	<form action="/LoginDemo/LoginServlet" method="post">

		用户名称：<input type="text" name="username" value="" ><br>

		用户密码：<input type="password" name="userpsw" value="" ><br>

		<input type="submit" name="submit" value="登陆">

        <input type="reset" name="reset" value="重写">

	</form>

</body>

</html>

7 个解决方案

#1

js验证 javaweb如何在前台验证输入字符是否超出长度,若超出指定长度在当前页面出现提示文字超出长度

#2



<input type="text" name="username" value="" onfocus="check(this.value)" >



function check(val) {

    if (val.length > 16) {

        //让某个地方显示提示信息代码

    }

}

#3

function check(){
var username=$("#username").val();
if(username.length>16){
$("span1").html("请输入16位以内！");
}else{
window.location.href="=/LoginDemo/LoginServlet";
}
}
用户名称：<input type="text" name="username" value=""  id="username"><span id="span1"></span><br>
用户密码：<input type="password" name="userpsw" value=""><br>
<input type="button" name="button" value="登陆" onclick="check();">
<input type="reset" name="reset" value="重写">

#4

给名称框添加onblur或者onchange事件，判断里面长度大于16的话在文本框后面span里显示提示信息

#5

引用 2 楼 hjgzj 的回复: 


<input type="text" name="username" value="" onfocus="check(this.value)" >



function check(val) {

    if (val.length > 16) {

        //让某个地方显示提示信息代码

    }

}


下面这个javascript代码具体应该加到什么位置？是要新建一个文件么？刚开始学WEB开发不太了解。。

#6

使用javascript

#7

 <form action="demo_form.asp">

  Username: <input type="text" name="usrname" maxlength="10"><br>

  <input type="submit" value="Submit">

</form>
 

#1

js验证 javaweb如何在前台验证输入字符是否超出长度,若超出指定长度在当前页面出现提示文字超出长度

#2



<input type="text" name="username" value="" onfocus="check(this.value)" >



function check(val) {

    if (val.length > 16) {

        //让某个地方显示提示信息代码

    }

}

#3

function check(){
var username=$("#username").val();
if(username.length>16){
$("span1").html("请输入16位以内！");
}else{
window.location.href="=/LoginDemo/LoginServlet";
}
}
用户名称：<input type="text" name="username" value=""  id="username"><span id="span1"></span><br>
用户密码：<input type="password" name="userpsw" value=""><br>
<input type="button" name="button" value="登陆" onclick="check();">
<input type="reset" name="reset" value="重写">

#4

给名称框添加onblur或者onchange事件，判断里面长度大于16的话在文本框后面span里显示提示信息

#5

引用 2 楼 hjgzj 的回复: 


<input type="text" name="username" value="" onfocus="check(this.value)" >



function check(val) {

    if (val.length > 16) {

        //让某个地方显示提示信息代码

    }

}


下面这个javascript代码具体应该加到什么位置？是要新建一个文件么？刚开始学WEB开发不太了解。。

#6

使用javascript

#7

 <form action="demo_form.asp">

  Username: <input type="text" name="usrname" maxlength="10"><br>

  <input type="submit" value="Submit">

</form>
 
标签：

相关文章