0

我正在使用 asp.net Master -content 页面。MasterPage 已经有根级<form>标签。我的内容页面联系人有另一个<form>用于验证目的的标签区域。

当我提交表单根级别<form>执行而不是验证<form>标记时。

母版页

   <form runat="server">

联系方式.aspx

 <form id="validForm">
    <div class="control-group">
      <label class="control-label" for="inputName">NAME<sup>*</sup></label>
          <div class="controls">
              <input type="text" class="span4" id="inputName" placeholder="Name"/>
          <span class="help-inline">Please fill your name</span>
          </div>
    </div>                                         
    <div class="control-group">
       <label class="control-label" for="inputEmail">EMAIL<sup>*</sup></label>
          <div class="controls">
            <input type="text" class="span4" id="inputEmail" placeholder="Email"/>
            <span class="help-inline">Please correct your email</span>
          </div>
     </div>                                        
     <div class="control-group">
        <label for="textarea" class="control-label">COMMENT<sup>*</sup></label>
        <div class="controls">
            <textarea rows="4" class="span8" id="textarea" runat="server" ></textarea>
            <span class="help-inline">Please write a comment</span>
        </div>
     </div>
     <div class="control-group form-button-offset">
           <input type="submit" class="btn" value="Send Message" />
           <%--   <asp:Button class="btn" Text="Send Message" runat="server" id="btnSubmit" OnClick="btnSubmit_Click" />--%>
    </div>
</form>                                
                                </div>

Mail_Validation.Js

var $mjq = jQuery.noConflict();
$mjq(function(){
    $mjq(document).ready(function(){
         $mjq(".help-inline").each(function() {
            $mjq(this).css('display', 'none');
         });
    });
    $mjq("#inputEmail").bind('blur', is_valid_email);
    $mjq("#inputName").bind('blur', is_valid_name);
    $mjq("#textarea").bind('blur', is_valid_comment);
    $mjq('#validForm').bind('submit', function() {
        return is_valid_form();
    });
});

我只is_valid_form();在按钮单击时调用过，仍然是父窗体覆盖它。

  <script type="text/javascript">
         $('.btn').click(function () {
             //$(this).closest('validForm')[0].submit();
             return is_valid_form();
         });

现在如何在这里验证我的表格。

4

1 回答 1

2

您可以在一个页面上有多个表单，但您不应该根据此嵌套它们。

于 2013-04-02T19:54:48.987 回答