2011-10-10 304 views
3

objective:
我希望用戶在表單上輸入信息,然後我將使用該信息生成不同的結果。使用js驗證表單最簡單/最好的方法是什麼?

繼承人我的代碼:
http://jsfiddle.net/5HUVm/

<form id="form1" name="form1" method="post"> 
    <table> 
     <tr> 
      <td>I am interested in:</td> 
      <td><input type="radio" name="choice" value="consume" id="consume"/> Cosuming and/or distributing OTC Markets data 
      </td> 
     </tr> 
     <tr> 
      <td></td> 
      <td><input type="radio" name="choice" value="extranet" id="extranet"/> Providing connectivity to OTC Markets(Extranet)</td> 
     </tr> 
     <tr> 
      <td>Data products:</td> 
      <td><input type="checkbox" name="realtime" value="realtime" id="realTime">Real-time data</td> 
      <td><input type="checkbox" name="otcdata" value="otcdata" id="compData">OTC Company Data</td> 
     </tr> 
     <tr> 
      <td></td> 
      <td><input type="checkbox" name="eodprice" value="eodprice" id="eod">End of Day Pricing Data</td> 
      <td><input type="checkbox" name="otccompliance" value="otccompliance" id="otcComp">OTC Compliance Data</td> 
     </tr> 
     <tr> 
      <td></td> 
      <td><input type="checkbox" name="otcsecurity" value="otcsecurity" id="otcSec">OTC Security Data</td>    
      <td><input type="checkbox" name="otcqhistory" value="otchistory" id="otcHist">OTC Quote History</td> 
     </tr> 
     <tr> 

      <td>Data use:</td> 
      <td> 
       <select name="products" id="prod"> 
        <option value="select">Select</option> 
        <option value="personal">Personal Use Only</option> 
        <option value="distEx">Distribute Externally Only</option> 
        <option value="distIn">Distribute Internally Only</option> 
        <option value="distBoth">Distribute Externally &amp; Internally Only</option> 
       </select> 
      </td> 
     </tr> 
     <tr> 
      <td>Firm type:</td> 
      <td> 
       <select name="firm" id="firm"> 
        <option value="select">Select</option> 
        <option value="broker">Broker-dealer</option> 
        <option value="oms">Order Management System</option> 
        <option value="finanInfo">Financial Information Service/Portal</option> 
        <option value="service">Service Bureau</option> 
        <option value="other">Other</option> 
       </select> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <input type="reset" id="re"> 
       <input type="button" id="sub" value="Submit" onclick="valid(this)"> 
      </td> 
     </tr> 
    </table> 
</form> 

所以你可以看到有複選框,單選按鈕,下拉菜單。
什麼是驗證檢查/選擇的最佳方式?

我在想:
大量的if語句,然後使用一個變量來存儲一個特殊的「數字」爲遂作出不同的選擇taht號碼將被用於生成結果頁

例如:
用戶選擇消費,實時數據和結束日期數據,可以說選擇1 用戶單擊提交,結果頁面將顯示特殊鏈接/文章。

+1

是的!很多if語句...真棒主意! :) – doNotCheckMyBlog

+0

'

'失敗。表格不是佈局。嚴重的驗證是使用HTML5表格解決的問題 – Raynos

+0

@程序員我發現了諷刺-.-! – iCodeLikeImDrunk

回答

相關問題