在jsp输入字段中固定某些值答案

【问题标题】：Making certain value fixed in jsp input field在jsp输入字段中固定某些值
【发布时间】：2019-11-25 04:36:36
【问题描述】：

我想将时间值作为输入，并且我想在输入输入时使 : 固定。

例如：12:23:24 在输入此值作为输入时，我想让冒号固定且不可编辑。我正在研究jsp和jquery，我的后端是java。有没有办法？

<input type="text" name="test_tat1" onclick="changecolor6665()" id="tat"style="border-color: darkgray;" class="form-control p-input test_tat "aria-describedby="labtest_name" autocomplete="off"   placeholder="Test Tat" value="${tatV}" >

这是我的输入框。

【问题讨论】：

不支持 JSP。但是你可以通过 jQuery 或 JS 来实现该功能。
你能给我一个 jqery 或 js 的代码吗？
但我很想知道，因为重点是从输入中获取时间值，你为什么不使用任何时间选择器插件？
当我使用时间选择器时，我将它作为 HH:MM am/pm 格式获取，我想要的是一个 hh:mm:ss 格式的时间值，用户可以按照他/她的意愿输入

标签： jquery jsp time

【解决方案1】：

如前所述，JSP 不支持此功能。

我猜你想要这样的东西作为你的 jQuery/javascript：

$("input[name='masknumber']").on("keyup", function(){
    $("input[name='number']").val(destroyMask(this.value));
this.value = createMask($("input[name='number']").val());
})

function createMask(string){
    console.log(string)
return string.replace(/(\d{2})(\d{2})(\d{2})/,"$1:$2:$3");
}

function destroyMask(string){
    console.log(string)
return string.replace(/\D/g,'').substring(0, 6);
}

将此作为您的 HTML：

<input type="text" name="masknumber">
<input type="text" name="number" style="display:none;">

找到类似的here

编辑

你插入了 jQuery，对吗？

这个对我有用：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>

<input type="text" name="masknumber">
<input type="text" name="number" style="display:none;">

<script>    
$("input[name='masknumber']").on("keyup", function(){
    $("input[name='number']").val(destroyMask(this.value));
this.value = createMask($("input[name='number']").val());
})

function createMask(string){
    console.log(string)
return string.replace(/(\d{2})(\d{2})(\d{2})/,"$1:$2:$3");
}

function destroyMask(string){
    console.log(string)
return string.replace(/\D/g,'').substring(0, 8);
}   
</script>
</body>
</html>

【讨论】：

感谢您的帮助。它的工作。不是我想的那样，但它仍然会帮助我完成我的工作。