使用测试进行javascript表单验证

时间:2012-12-17 15:21:31

标签: javascript forms validation html-form

我最近学到了这段代码,但是这段代码没有按预期的那样运行。它用于表单验证

function username_validation(name){
    var valid_name = /^[a-zA-Z0-9_]{5,30}$/;
    if(!valid_name.test(name)) 
     {         
         return false; 
     } 
     else 
     { 
         return true;
     } 


}

1 个答案:

答案 0 :(得分:1)

您必须将此函数挂钩到事件侦听器。 喜欢:

<form onsubmit="username_validation(this.usernameTextfield.value);">

因此,每次提交特定表单时都会触发此函数。 你的功能没有任何问题。

该行:

var valid_name = /^[a-zA-Z0-9_]{5,30}$/;

创建一个RegExp对象。

然后:

valid_name.test(name)

检查name数学是否具有valid_name模式。 RegExp有一个布尔方法test(s),如果给定的字符串s与RegExp模式匹配,则返回true

更好的写作方式是:

function validate(name) {
    var r=/^[a-zA-Z0-9_]{5,30}$/;
    return r.test(name);
}

希望它有所帮助...