如何使用此命名约定验证表单客户端

Question

我有一个表单，其中包含一些简单的javascript来验证简单的问卷。 它在表单的输入中使用了name属性，但是现在该页面已与客户端CMS集成在一起，它需要使用一种特殊的命名约定，而我无法使用该约定。

旧表单具有如下输入： <input type="text" name="firstName" />

但使用cms时，所有字段都需要"fields[firstName]" ，例如： <input name="fields[first-name]">

我如何使它工作。

现有JS：

function validate_form ( )
{
    valid = true;

    if ( ( document.register.question[0].checked == false ) && ( document.register.question[1].checked == false ) && ( document.register.question[2].checked == false ) )
    {
        alert ( "Please choose an answer" );
        valid = false;
    }

    else if ( document.register.form_title.value == "" )
    {
        alert ( "Please fill in the 'Title' box." );
        valid = false;
    }

    else if ( document.register.fName.value == "" )
    {
        alert ( "Please add your First Name" );
        valid = false;
    }

    else if ( document.register.lName.value == "" )
    {
        alert ( "Please add your Last Name" );
        valid = false;
    }

    else if ( document.register.email.value == "" )
    {
        alert ( "Please add a valid email address" );
        valid = false;
    }

    else if ( document.register.country.selectedIndex == 0 )
    {
        alert ( "Please select your Country" );
        valid = false;
    }

    else if ( document.register.dob1.selectedIndex == 0 )
    {
        alert ( "Please ensure your date of birth is complete" );
        valid = false;
    }
    else if ( document.register.dob2.selectedIndex == 0 )
    {
        alert ( "Please ensure your date of birth is complete" );
        valid = false;
    }
    else if ( document.register.dob3.selectedIndex == 0 )
    {
        alert ( "Please ensure your date of birth is complete" );
        valid = false;
    }

    else if ( document.register.terms.checked == false )
    {
        alert ( "Please check the Terms & Conditions box." );
        valid = false;
    }


    return valid;
}

Answer 1

您可以将jquery与以下内容一起使用：

$("input[name=fields\\[first-name\\]]").val()