jQuery正则表达式验证

Question

我想用一个小的jQuery函数在表单上验证onsubmit来验证用户输入客户端。 我希望字段#fname（名字）只允许包含az，AZ和空格。 返回false应该阻止表单提交。

function validateregister(){
    if (!($("fname") =~ [a-zA-Z ])) {
        return false;
    }
}

这是我的HTML：

<input type="submit" value="Join now!" id="registersubmit" class="paddingoutline2" onsubmit="return validateregister()">

当然，稍后我将在服务器端验证用户输入。 当我提交表单时，它给我一个“内部服务器错误”。 这使我认为我在函数validateregister（）中犯了一个错误。 有什么问题吗？ 如果我不是jQuery的新手，那么感谢您的帮助。

谢谢！

Answer 1

你想要的是

function validateregister(){
    return /^[a-zA-Z ]+$/.test($('#fname').val());
}

除了修复建议使用val和test函数的选择器外，我还自由更改了regex：

• ^和$强制测试覆盖整个字符串
• +至少需要一个字符

但是您是否知道，如果您希望人们键入其真实姓名，则此正则表达式可能太严格了？ 例如，您的不会通过...

Answer 2

您必须以这种方式使用正则表达式：

function validateregister(){
    var nameRgx = /[a-zA-Z]/;
    var phoneRgx = /[0-9]/;
    if (!nameRgx.test($("#fname").val())) {
       return false;
    }
    if (!phoneRgx.test($("#phone").val())) {
       return false;
    }
}

并确保与无论是指你的元素# ID符号或. 类符号。 在您的代码中，您没有以正确的方式引用您的elem。

^ ---->Start of a string. 
$ ---->End of a string. 
. ----> Any character (except \n newline) 
{...}----> Explicit quantifier notation. 
[...] ---->Explicit set of characters to match. 
(...) ---->Logical grouping of part of an expression. 
* ---->0 or more of previous expression. 
+ ---->1 or more of previous expression. 
? ---->0 or 1 of previous expression; 
       also forces minimal matching when an expression might 
       match several strings within a search string. 

有关正则表达式编写的更多信息