-1

我想在我的表单字段中进行验证..

领域：

  1. 名称（文本框） --> 应输入值。当没有进入&出来时，它会显示错误信息。

  2. Email(regex) --> 检查邮件格式

  3. 性别（单选按钮） -> 应选择任何一个单选按钮

  4. Location(dropdown) --> 不输入下拉菜单会显示错误信息

  5. 手机号码（文本框） -> 只输入数字

我需要的以上所有类型的验证。

$('#Email').click(function(){
            var name=$('#Name').val();
            if(name==""){
                $('#Name').after('<div class="red">Name is Required</div>');

            }
            });

但是每当我单击电子邮件框时，它都会显示错误消息。如何做到这一点？请帮我？我尝试了第一个字段名称

4

3 回答 3

2

您不应该在电子邮件click文本框的事件中执行此操作，而是在名称文本框的事件中执行此操作。每当控件失去焦点时都会触发 blur 事件。尝试这个，blur

$("#Name").blur(function(){
    if($(this).val().length === 0){
        $(this).after('<div class="red">Name is Required</div>');
    }
});

#Name在这里，每当失去焦点时，我都会检查文本框中值的长度。现在，当您提交表单时，您必须在用户按下按钮单击事件时再次进行此检查。

与验证电子邮件字段类似，您将使用@onlyVJ 提供的正则表达式。

/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/

您将从文本框中获取值并使用匹配将其与正则表达式匹配。请点击此链接了解更多信息。这将在#Email文本框的blur事件中完成

已编辑-

我不会给你代码，但是我会指导你一种你可以使用的方法。

对于下拉-

您可以在下拉列表中附加一个模糊事件，并检查您在页面加载时开始显示的默认值是否仍然是选定的值。如果是，则显示错误，否则不显示。

对于单选按钮-

检查这个jsFiddle。从这里抓起。您应该能够使用它来配置代码以在未选中单选按钮时显示错误。

于 2013-07-19T06:50:42.730 回答
1

您需要使用 blur 事件来识别元素失去焦点。访问模糊文档以获取更多信息和示例。

如果你愿意，你也可以试试 jQuery 验证插件。访问jQuery 验证插件网站

于 2013-07-19T06:55:31.707 回答
0

像这样的东西......

$("#element").blur(function(){
   $(this).validate({
      // your code here
   })
})
于 2013-07-19T06:57:43.283 回答