使用javascript验证文本框值

时间:2010-06-07 02:25:59

标签: javascript-events

我有一个文本框。用户将在此框中输入一个数字。用户应输入两位数后跟一个句号“。”。和另一个数字。它看起来像22.3或00.5或01.2。

如果文本框不为空,我想强制执行一个功能,该功能验证用户输入的值(如果输入的值不符合上述格式,则给出警报。)此功能需要触发当文本框失去焦点时。我不知道如何继续编写这个函数,因为我还是新手。 任何帮助将不胜感激。谢谢。

ps每次值发生变化时都应触发此功能。如果用户输入值22,则当文本框失去焦点时,应触发javascript函数,向用户发出警告,询问用户将其更改为可接受的格式22.0。当文本框失去焦点时(在更改完成后),应再次触发该功能。此时,由于用户以正确的格式输入,因此不会有警报。

1 个答案:

答案 0 :(得分:0)

原谅Prototype特定的代码,但也许你会得到它的要点。您将要听取textarea的“onblur”事件,然后使用正则表达式验证输入的值。

Event.observe('textboxId', blur, function() {
  var val = $F('textboxId');
  if (/^\d{2}\.\d$/.test(val)) {
    alert('Invalid value');
  }
});

如果你不熟悉任何javascript框架,只是想让它工作,试试这个:

<textarea onblur="validate(this.value);"></textarea>

<script type="text/javascript">
function validate(val) {
  if (/^\d{2}\.\d$/.test(val)) {
    alert('Invalid value');
  }
}
</script>

纯粹主义者,请不要因为添加此内容而惩罚我。