关于将超链接a在表单form提交的方式？

以下仅供个人开发心得~~~

以下为名称为“form1”的表单，注意事项*：

正确写法：

             <a href="javascript:pre_page('${tabIndex }');" class="normal" >&lt;&lt;上一页</a>

错误写法：

             <a href="" class="normal" οnclick="pre_page('${tabIndex }');" >&lt;&lt;上一页</a>

 

<form name="form1" action="" method="post">
        <a href="javascript:pre_page('${tabIndex }');" class="normal" >&lt;&lt;上一页</a>&nbsp;&nbsp;
        <a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=1" class="current">1</a>&nbsp;&nbsp;
        <a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=2" class="normal">2</a>&nbsp;&nbsp;
        <a href="javascript:next_page('${tabIndex }')" class="normal" >下一页&gt;&gt;</a>
          <input type="hidden" name="pageNow" id="pageNow" value="${pageNow }"/>
         <input type="hidden" name="totalPages" id="totalPages"  value="${totalPages }"/>
       </form>

 

 以下为所调用的两个JS函数pre_page()与next_page():

function pre_page(tabIndex){

  var pageNow=document.getElementById("pageNow").value;
  pageNow=parseInt(pageNow)-1;
  if (pageNow<1){
    pageNow=1;
  }
  document.form1.action="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex="+tabIndex+"&pageNow="+pageNow;
  document.form1.submit();
 

}
 
 function next_page(tabIndex){

  var pageNow=document.getElementById("pageNow").value;
  var totalPages=document.getElementById("totalPages").value;
  pageNow=parseInt(pageNow)+1;
  if (pageNow>totalPages){
    pageNow=totalPages;
  }
  document.form1.action="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex="+tabIndex+"&pageNow="+pageNow;
  document.form1.submit();

 }

 

在上面的next_page()函数中，document.getElementById("pageNow").value;
得到的是一个字符型的值，必须使用parseInt(pageNow)将其转换为想要的整型数值，否则pageNow=pageNow+1的话便会连接成为一个字符串，如：pageNow为1，再加1的话值为'11'，并不会得到想要的结果，故使用JS内置函数parseInt。