вставьте элемент после document.formName.name с помощью jQuery

Question

Итак, у меня есть:

<form name='formName'>
  <input name='name' value='Name'/>
 </form>

И

if (document.formName.name.value == "Name")
 {
$(document.formName.name).after("<p>Please enter name!</p>");
 }

Однако, похоже, jQuery его не выбирает.

Я знаю, что есть хорошие плагины для валидации, но я бы хотел написать свои собственные как можно проще. Мне не нужно пересматривать значения, просто проверьте, есть ли что-то заполненное, прежде чем вы сможете отправить ...

Я также не хочу помещать в DIV после поля формы, потому что у меня есть несколько форм на одной странице, и я хочу выбрать его для каждой формы ..

Answer 1

if($('form[name="formName"]').length>0)  //if exists
{
$('form[name="formName"]').insertAfter($("<p>Please enter name!</p>"));
}

Answer 2

    $.each($('form'), function() {
        var form = $(this);
        if (form.attr('name') === 'formName') {
            form.after('<p>Please enter name!</p>');
            return false;
    })