多重提交表單的校正方法

來源:互聯網
上載者:User
有時我們需把一個頁面的表單提交到不同的頁面,處理方法一般採用在onClick事件中動態給出action的值,如下例:

<FORM ACTION="" METHOD="post" NAME="PostTopic">

<INPUT TYPE="submit" NAME=Submit VALUE="新增" class=buttonface onclick="document.PostTopic.action='addone.php';">
<INPUT TYPE="RESET" NAME=Reset VALUE="重設" class=buttonface >
<INPUT TYPE="submit" NAME="Submit" VALUE="修改" class=buttonface onclick="document.PostTopic.action='modify.php';">
</FORM>

此時針對不同提交目標對錶單作的校正,只能放在onClick事件中,但這樣造成無論是否通過驗證都會提交表單的問題。因為這個按鈕是submit類型。

對此問題,我的解決方案是這樣的:

<script language="JavaScript"><!--document.returnValue=true;//一個全域變數,給初值。function validateForm() { var errors;errors='';if (document.PostTopic.title.value=="")errors="標題不可為空";if( document.PostTopic.intro.value.length>10)errors+="\n簡介不能多於10個字";if (errors!='') alert(errors);document.returnValue = (errors == '');}file://--></script><FORM ACTION="" METHOD="post" NAME="PostTopic" onSubmit="return document.returnValue;"><input type=text name=title value=""><input type=text name=intro value=""><INPUT TYPE="submit" NAME=Submit VALUE="新增" class=buttonface onclick="document.PostTopic.action='addone.php';validateForm(); return document.returnValue;"><INPUT TYPE="RESET" NAME=Reset VALUE="重設" class=buttonface ><INPUT TYPE="submit" NAME="Submit" VALUE="修改" class=buttonface onclick="document.PostTopic.action='modify.php';validateForm(); return document.returnValue;"></FORM>
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.