如何进行内联验证

时间:2012-11-21 14:32:41

标签: javascript jquery ajax validation

enter image description here 当我输入名称时,它将在文本框旁边显示“正确的符号”。你可以给我打电话编码......我可以用javascript进行这种验证吗

1 个答案:

答案 0 :(得分:1)

是的,你可以在Javascript中进行这种类型的验证。事实上,Javascript的主要用途之一是进行表单验证。有多种方法可以做到这一点,甚至还有库和框架(example)来进行表单验证。

这是很常见的,有些浏览器有内置的验证算法(例如,如果<input type="email">抱怨它的内容看起来不像最新的谷歌浏览器中的电子邮件地址)。

如果您想进行验证,可能会有一些您感兴趣的事件。当表单元素失去控制权时,会发生onblur。只要用户按下某个键,就会发生onkeypress。还有其他活动。但通常您希望在用户将焦点从控件更改为另一个(onblur)时进行验证。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  Enter name then  press tab or click outside the input field:
  <input type="text" name="fname" id="fname" onblur="validate()"/>
</body>
</html>

validate()函数可以是这样的:

function validate()
{
  var val = document.getElementById("fname").value
  if ( /\d/.test( val ) ) {
    alert( "First name cannot have digits in it: " + val );
  }
}

您可以在网上搜索更多信息。