2016-02-25 4 views
2

У меня есть главная страница и в этой главной странице у меня есть:Нужно ли использовать JQuery Validation Plugin validate() для элемента формы?

<form id="form1" runat="server"> 
    <asp:ContentPlaceHolder ID="MainContent" runat="server">    
    </asp:ContentPlaceHolder> 
</form> 

Мой вопрос в моих дочерних страницах мне нужно использовать элемент формы для реализации методы Validate?

Для примера сценария в виде ребенка:

$("#commentForm").validate({ 
     rules: { 
      name: "required", 
      email: "required", 
      comment: "required" 
     }, 
     messages: { 
      name: "Please enter a name", 
      email: "Please enter an email", 
      comment: "Enter a comment" 
     }, 

     submitHandler: function(form) { 
      form.submit(); 
     } 
    }); 

Ребенок форма HTML является:

<div id="commentForm"> 
    <fieldset> 
    <legend>Please provide your name, email address (won't be published) and a comment</legend> 
    <div class="form-group"> 
     <label for="cname">Name (required, at least 2 characters)</label> 
     <input id="cname" class="form-control" name="name" minlength="2" type="text"> 
    </div> 
    <div class="form-group"> 
     <label for="cemail">E-Mail (required)</label> 
     <input id="cemail" class="form-control" type="email" name="email"> 
    </div> 
    <div class="form-group"> 
     <label for="curl">URL (optional)</label> 
     <input id="curl" class="form-control" type="url" name="url"> 
    </div> 
    <div class="form-group"> 
     <label for="ccomment">Your comment (required)</label> 
     <textarea id="ccomment" class="form-control" name="comment" rows="3"></textarea> 
    </div> 
    <div class="form-group"> 
     <input class="submit" type="submit" value="Submit"> 
    </div> 
    </fieldset> 
</div> 

$("#commentForm").validate не будет работать. Однако, если я переключу его на $("#form1").validate, он будет.

Поскольку я не могу вложить формы, можно ли реализовать метод проверки на любом другом элементе родительской формы?

+0

JQuery проверяет только на уровне «форма», я думаю. Вы можете включить одну форму в другую. –

+0

@ Dean.DePue 'Вы можете включить одну форму в другую' Нет, вы не можете иметь вложенные формы –

+0

@ A.Wolff - Я делал много раз с MVC ... –

ответ

0

Из документов:

.validate()

Описание: Подтверждает выбранную форму.

Так да предполагается, что выбранный элемент является form

+0

Итак, если у меня есть всплывающее модальное (bootstrap), мне пришлось бы привязать каждый модальный элемент к родительской форме? – PrivateJoker

Смежные вопросы