【问题标题】:What am I doing wrong to validate a full name input in a form?我在验证表单中输入的全名时做错了什么?
【发布时间】:2017-06-01 16:44:24
【问题描述】:

我尝试使用下面的代码在单个输入字段中进行全名验证文本之间有一个空格(名字和第二个名字之间有一个空格)。但由于某些原因,我无法让它工作!请大家看看好吗?

这是代码:

<script>
  lp.jQuery(function($) {
  
    var ruleID = 'fullNameValid';
    var field = 'full_name';
    var message = 'Please enter a valid full name';
  
    var rules = module.lp.form.data.validationRules[field];
  
    $.validator.addMethod(ruleID, function(value, field) {
      var valid = /^[a-zA-Z ]$/.test(value);
      return valid || (!rules.required && !value);
    }, message);
  
    rules[ruleID] = true;
  
  });
</script>
我也尝试过使用这些选项:

1.... var valid = /^[a-zA-Z ]$/.test(value);
2.... var valid = /^[a-zA-Z/s]$/.test(value);
3.... var valid = /^[a-zA-Z ]+$/.test(value);
4.... var valid = /^[a-zA-Z/s]+$/.test(value);
5.... var valid = /^([a-zA-Z ])$/.test(value));
6.... var valid = /^([a-zA-Z/s])$/.test(value));
7.... var valid = /^([a-zA-Z ]+)$/.test(value));
8.... var valid = /^([a-zA-Z/s]+)$/.test(value));

但是验证不起作用!我做错了什么?

这是我的页面:http://unbouncepages.com/pradaxa-one/

提前致谢。

【问题讨论】:

标签: javascript forms validation form-fields


【解决方案1】:

var 有效 = /^[a-z]+ [a-z]+$/i

也许这个正则表达式可以帮助你。 你应该首先修剪这个值。

【讨论】:

  • 这也将匹配“Jon _ _ _ Doe”。它只应该有“一个空格”。下划线表示为空格
  • 现在它只匹配一个空格,但作为加法它匹配制表符、回车、换行符。在这里你可以找到documentation of \s
  • 嘿@wuxiandiejia ' 或 - 名称的代码将如何?例如:Jeff-Blue Walker 或 Ha'aina James。同样对于名称之间的多个空格,或者可能是第一个中间名和姓氏,我猜你写的第一个代码可以正常工作,对吧?我的意思是: var valid = /[a-z]+\s+[a-z]+/i
  • @Mahabul Islam 尝试/^[A-Z][a-z]+('[a-z]+|([- ][A-Z][a-z]+))? [A-Z][a-z]+$/
  • 谢谢!这实际上工作得很好。做得好。这也可以扩展为具有 .要么 () ??例如:Dr.Jim Jacobs 或 Mahabul Islam (Nayon)。空间也扩展到4!因此,它适用于输入他们的名字+中间名+sur名和姓氏的人。 @wuxiandiejia 再次提前感谢。
【解决方案2】:

console.log(/^([a-zA-Z]+ [a-zA-Z]+)$/.test("John     Doe"));
console.log(/^([a-zA-Z]+ [a-zA-Z]+)$/.test("John Doe"));
console.log(/^([a-zA-Z]+ [a-zA-Z]+)$/.test("Jóhn Doe"));
console.log(/^([a-zA-Z]+ [a-zA-Z]+)$/.test("John Dö"));

匹配大小写字母。它不会验证具有特殊字符的名称,例如:“Jóhn Doe”、“John Düstre”...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-03-04
    • 2013-08-10
    • 1970-01-01
    • 1970-01-01
    • 2013-10-21
    • 2019-06-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多