将模板添加到输入字段

时间:2015-04-13 15:07:13

标签: javascript html angularjs angularjs-directive

这适用于使用AngularJS的应用程序(如果重要)。

我正在寻找一种方法来添加一些"模板"到HTML输入字段,很像占位符。请参阅,我有这个日期字段,用户可以在其中键入日期,或者他可以使用日期选择器来选择日期。

我目前有一个带有占位符的HTML输入字段:" dd / MM / yyyy",它显示了应该输入日期的格式。现在我想要的是一种在用户输入时保留的占位符 - 甚至可能限制用户选项(例如:只允许数字,没有其他可能)。 理想情况下,占位符应该在用户输入时保留,以便他可以在键入时查看格式。用户应该(如果可能的话)也限制输入任何不允许的字符。

有没有人知道此用例的任何已有解决方案?我现在已经搜索了一段时间,但似乎没有使用正确的词......

另外:我知道我仍然需要检查用户的输入服务器端。我不依赖JS来验证日期。

1 个答案:

答案 0 :(得分:1)

你可以看一下:http://forza.ndevrstudios.com/#/form-masks

在输入字段中使用最新的angular-ui(http://angular-ui.github.io/ui-utils/)和类似的东西:

ui-mask="99/99/9999" model-view-value="true"