2014-12-01 3 views
0

양식 태그가 자동으로 닫히는 문제가 있습니다.양식 태그 자동 닫기

나는 정확하게 문제를 일으키는 원인을 파악하려고 노력하고 있습니다. 양식 태그 내부에있는 내용은 모두 뒤에 추가됩니다. 나는 항목이 테이블에있는 이유와 디버깅하기가 조금 더 어렵다는 netsuite를 사용하고 있습니다. 다음은 사이트 링크입니다. T

이 (부분적으로) 브라우저

> <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> 
+1

폼 안에 중첩 여러 가지 형태가있다. 이는 유효한 HTML이 아니며, 브라우저에 따라 예기치 않은 동작을 일으 킵니다 (과거의 경험으로 인해 상황이 변경되었을 수도 있음). 문제를 해결하면 문제가 해결 될 수 있습니다. –

답변

2

일부 브라우저는 동일한 부모 내에서 열고 닫으려면 <form> 개체가 필요합니다. 귀하의 경우에는 <tr> 내에서 양식을 연 다음 인접한 <tr> 내에서 양식을 닫습니다. 양식을 수정하면 다른 문제가 해결 될 수 있습니다.

소스 파일의 위치는 확실하지 않지만 보낸 URL의 생성 된 출력은 # 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> 
+0

Netsuite가 코드를 자동으로 페이지에 추가합니다. 편집 할 수 없습니다. – Phreak

+0

Netsuite와 연락해야 할 것 같은 소리 ... 죄송합니다! –

+0

컨테이너 div에 td 태그를 래핑해야하는 정확한 경로로이 답변을 이끌어 냈습니다. td 태그는 netsuite 내부 셀 템플릿에서 필수입니다. 불행히도 그 작업을해야합니다. 감사합니다. – Phreak

1

, 난 당신이 첫 번째 코드에서 상태로 그 형태에 대해 동일한 라인 (라인 293, ...)에 닫기 태그를 볼 수 없습니다. 그것은 이상한 것입니다, 그것은 당신이 빈 폼을 추가한다는 것을 의미하기 때문입니다. 나는이 문제가 서버 쪽 여기에 있다고 생각한다. ...

나는 id가 항상 있어야하는 것처럼 잘못된 HTML 인 페이지와 동일한 양식 ID (add-to-cart-form)를 9 번 사용했다. 고유해야합니다. 당신은 아마 여기에 어떤 종류의 data- 속성이 있거나, 자바 스크립트가 조만간 실패 할 것입니다.

+0

서버 측은 무엇을 의미합니까? 내가 똑같은 생각을하고 있지만 도로 블록을 쳤다 고 정교하게 얘기해 주시겠습니까? – Phreak

+0

나는 브라우저에서 볼 수있는 것만을 알려줄 수 있습니다. 그리고 그것은 당신이 기대하는 것과 분명히 다릅니다. 즉, 생성 된 HTML이 올바르지 않으므로 서버에서 생성되는 HTML의 위치를 ​​수정해야합니다. – Pevara