javascript中的验证不验证该功能

时间:2014-11-09 15:47:23

标签: javascript

我正在验证一份表格,该表格包含所需字段,字符,数字,电子邮件,密码格式,字段长度的验证。

在我的代码中,必填字段和长度正在运行,但其余部分。

密码格式的JavaScript代码:

function CheckPassword(paswd) {
    var submitFlag = false;
    var paswd = /^(?=.*[0-9])(?=.*[!@#$%^&*_])[a-zA-Z0-9!@#$%^&*]{7,15}$/;
    if (document.reg_indi_form.pswd.length > 0) {
        if (!document.reg_indi_form.pswd.value.match(paswd)) {
            submitFlag = true;
            document.getElementById('i3').innerHTML = "Use atleast one digit,character,specialCharacter";
            document.getElementById('i3').style.color = "red";
            document.getElementById('i10').style.fontSize = "12px";
            //return false;  
        }
    }
    return submitFlag;
}

function alls() {
    var valid = true;
    valid *= req();
    valid *= validateUname();
    valid *= CheckPassword(this);
    valid *= num();
    valid *= confirm_pswd();
    valid *= namevalid();
    valid *= ValidateEmail(this);
    return valid ? true : false;
}

我在alls()上致电onSubmit 所有其他不起作用的功能与checkPassword()类似。

HTML code:

<form name="reg_indi_form" method="post" onSubmit="return alls()" enctype="multipart/form-data" >
    <table height="100" width="1000">
        <tr>
            <td>
                First Name<font color="#FF0000">*</font>: 
             </td>
             <td>
                 <input name="txt_fnm" type="text" id="txt_fnm"/> <label id="i"></label>
            </td>
        </tr>
        <tr>
            <td>
                Password<font color="#FF0000">*</font>: 
            </td>
            <td>
                <input type="password" name="pswd" id="pswd"/><label id="i3"></label>
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" name="submit" value="Submit"/>
            </td>
            <td>
                <input type="reset" name="reset" value="Reset"/>
            </td>
        </tr>
    </table>

    </form>

1 个答案:

答案 0 :(得分:0)

考虑,当密码正确时,您的CheckPassword()会返回true。

现在在CheckPassword()函数中,document.reg_indi_form.pswd.value.match(paswd)如果模式匹配,则此语句返回true。您添加了!表示当密码与给定模式不匹配时它将返回true。我编辑了下面的函数,也考虑使用布尔运算符而不是尽可能使用多个/嵌套的if语句。您没有任何ID i10 的字段我认为它应该是 i3

function CheckPassword() {
    var submitFlag = false;
    var paswd = /^(?=.*[0-9])(?=.*[!@#$%^&*_])[a-zA-Z0-9!@#$%^&*]{7,15}$/;
    if ((document.reg_indi_form.pswd.length > 0) && (document.reg_indi_form.pswd.value.match(paswd))) {
        submitFlag = true;
    }
    else{
        document.getElementById('i3').innerHTML = "Use atleast one digit,character,specialCharacter";
        document.getElementById('i3').style.color = "red";
        document.getElementById('i3').style.fontSize = "12px";
    }
    return submitFlag;
}

最后,为什么在alls()函数中使用* =运算符作为布尔值?你应该使用布尔运算符。此外,this将当前表单或字段对象传递给函数,因为您使用document.formName.fieldName访问表单的字段,所以在此上下文中不需要它。此外,最后三元(bool?value1:value2)运算符也是不必要的。

function alls() {
    var valid = req()
    && validateUname()
    && CheckPassword()
    && num()
    && confirm_pswd()
    && namevalid()
    && ValidateEmail();

    return valid;
}