Question

我遇到自动关闭表单标记的问题。

我正在试图找出导致问题的确切原因。之后添加了表单标签内的任何内容。我正在使用netsuite，这就是为什么这些项目在表格中，并且调试起来也有点困难。这是该网站的链接。 Ť

这是（部分）在浏览器上生成的内容

>   <div class="col-xs-8"> 
>      <div class="oos-button"></div> 
>         <form method="get" id="add-to-cart-form" role="form" action="/app/site/backend/additemtocart.nl"></form>


 <!-- MODAL -->   etc...

但是模态代码应该放在表单中，这就是我编写它的方式。

<form method="get" id="add-to-cart-form" role="form" action="/app/site/backend/additemtocart.nl">

 <!-- MODAL -->          
  <div id="<%=getCurrentAttribute('item','itemID')%>" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
  <div class="modal-dialog">
     <div class="modal-content" style="padding:15px 15px; " >
       <h2 class="page-title serif text-center "><@= meal.storedisplayname @></h2>
         <div id="product-image" class="img-rounded">
           <img src="<@=meal.storedisplaythumbnail  @>" class="img-responsive center" alt="">
            <br />
          <p><strong> <@= meal.storedisplayname @></strong>:  added to cart</p>
 <label style="color:#7b9738"> Price: $<@= meal.onlineprice @></label>
    <hr / > 
       <hr / > 
           <div class="text-center">
             <button type="button" class="btn btn-info center" data-dismiss="modal">Continue Shopping</button>
           <a  href="<%=getCartUrl()%>">
             <button type="button" class="btn btn-info center">Checkout ></button>
           </a>
          </div>
        </div>
    </div>
  </div>
 </div>
              <!-- END MODAL-->
                              <%= getCurrentAttribute('item','addtocartitemid')%>
                            <input type="text" class="qty form-control" name="qty" placeholder="Qty" value="1" />
                            <input type="hidden" name="showcart" value="T" />
                            <button type="submit" class="btn btn-info btn-block">Add to Cart</button>
                      </form>

Answer 1

某些浏览器需要<form>对象在同一个父级中打开和关闭。在您的情况下，您在<tr>内打开一个表单，然后在相邻的<tr>内关闭它。如果您更正了该表单，则可能会解决您的其他问题。

不确定源文件中的位置，但是您发送的网址上生成的输出的第242-257行。

<table border=0 cellspacing=0 cellpadding=0 width='100%'>
<tr class='portletHandle' id='handle_itemMainPortlet' >
<td width='100%' height=0 align='left' valign='top'>
<table border=0 cellspacing=0 cellpadding=0 width='100%'>
<tr>
<td width=0 height=0 align='left' valign='top' style='display:none'>
<form method='post' name='form0' id='form0' action='/s.nl'>
<input type='hidden' name='c' value='3374347'>
<input type='hidden' name='n' value='1'>
<input type='hidden' name='sc' value='39'>
<input type='hidden' name='category' value='13945'>
<input type='hidden' name='id' value=''>
<input type='hidden' name='it' value='A'>
<input type='hidden' name='vid' value='RHCpZYbgAWoCAF5X'>
<input type='hidden' name='ck' value='RHCpZYbgAVkCAEOd'>
<input type='hidden' name='cktime' value='123014'>
<input type='hidden' name='cart' value='-1'>

</td>
</tr>
<tr>
</form>

应该是：

<table border=0 cellspacing=0 cellpadding=0 width='100%'>
<tr class='portletHandle' id='handle_itemMainPortlet' >
<td width='100%' height=0 align='left' valign='top'>
<table border=0 cellspacing=0 cellpadding=0 width='100%'>
<tr>
<td width=0 height=0 align='left' valign='top' style='display:none'>
<form method='post' name='form0' id='form0' action='/s.nl'>
<input type='hidden' name='c' value='3374347'>
<input type='hidden' name='n' value='1'>
<input type='hidden' name='sc' value='39'>
<input type='hidden' name='category' value='13945'>
<input type='hidden' name='id' value=''>
<input type='hidden' name='it' value='A'>
<input type='hidden' name='vid' value='RHCpZYbgAWoCAF5X'>
<input type='hidden' name='ck' value='RHCpZYbgAVkCAEOd'>
<input type='hidden' name='cktime' value='123014'>
<input type='hidden' name='cart' value='-1'>
<!-- Move here: --></form>
</td>
</tr>
<tr>

Answer 2

当我查看您提供的页面链接的源代码时，我看到您在第一个代码段中声明该表单的同一行（第293行，...）没有结束标记。这也很奇怪，因为这意味着你要添加一个空表格。我认为这个问题出在服务器端......

我还注意到您在网页上使用了相同的表单ID（添加到购物车形式）9次，这是无效的HTML，因为ID应该始终是唯一的。你可能想在这里使用类data-属性，或者你的javascript迟早会失败。

表格标签自动关闭

2 个答案: