强制用户在文本框输入中输入特定的详细信息答案

【问题标题】：force user to enter specific details in textbox input强制用户在文本框输入中输入特定的详细信息
【发布时间】：2018-07-15 04:17:49
【问题描述】：

我想强制用户在一个文本框中输入详细信息以进行检查，例如“Check No: 791790 Date: 26/05/2015 ClrDate: 29/05/2015”

我正在使用的文本框：

<input type="text" class="form-control validateblank txtAccCheckDet" id="txtAccCheckDet">

我尝试过使用

data-inputmask="'alias': '"Check No:''" "Date:" dd/mm/yyyy'" "ClrDate:"'dd/mm/yyyy' data-mask=""

在文本框中但不工作。

任何使用 css、javascript 或 jquery 的帮助都是可以接受的。

【问题讨论】：

为什么？每个细节有一个文本框不是更好吗？这是更好的用户体验，并且更好地处理验证。如果用户必须输入诸如 Check No: 之类的内容，则要求错误。
是的，最好为每个详细信息使用单独的文本框，但问题是我不需要此字段作为必填项，并且此详细信息将在表格的一行中，因此如果我为每个详细信息提供单独的文本框那么该行将在表格中水平变大

【解决方案1】：

您可以使用正则表达式，例如这样的。

var regex = '^Check\sNo: [0-9]{6}\sDate:\s[0-3]{1}[0-9]{1}\/[0-9]{2}\/[0-9]{4}\sClrDate:\s[0-3]{1}[0-9]{1}\/[0-9]{2}\/[0-9]{4}$'

然后使用类似的东西

string.match(regex)

检查输入的字符串是否与正则表达式匹配。

【讨论】：