Оповещение о проверке формы jQuery

У меня есть этот элемент управления проверкой jQuery в моей форме. Это работает:

$("#webform-client-form-45").submit(function(){

  if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname"){

        return false;
    }else if($("#edit-submitted-telephone").val() == "" || $("#edit-submitted-telephone").val() == "Telephone"){

        return false;
    }else if($("#edit-submitted-e-posta").val() == "" || $("#edit-submitted-e-posta").val() == "E-MAIL"){

        return false;

    }else{  if($("#edit-submitted-messages").text() == "" || $("#edit-submitted-messages").text() == "Message"){

                return false;
            }else
        return true;
    }
});

Но когда пользователь оставляет поле пустым или неправильно пишет в этих полях, я хочу показать предупреждение. Например, "Пожалуйста, введите адрес электронной почты""

Как я могу это сделать?


validation forms alert jquery
person Karmacoma    schedule 15.05.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Использование окна оповещения:

if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname")
{
alert("Please input your name");
return false;
}

Использование дивов:

//html

<input type = "text" name = "edit-submitted-name-surname" id = "edit-submitted-name-surname" />
<div class = "error" id = "name_error">Please input your name</div>

//CSS

.error{ display: none; color: red;}

//jquery

Put this at the top of the function: $('.error').hide();

if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname")
    {
    $('#name_error').show();
    return false;
    }
person Adam    schedule 15.05.2012
comment
Мне не нужны окна предупреждений, это должен быть текстовый вид. - person Karmacoma; 15.05.2012