顯示具有 Jquery 標籤的文章。 顯示所有文章
顯示具有 Jquery 標籤的文章。 顯示所有文章

2009年10月29日 星期四

利用 Jquery 抓取 radio button 值做表單驗證(不為空)

radio (單選圓按鈕) 跟 checkbox (複選方按鈕) 在表單驗證上跟一般的 text 不一樣

我想試過就知道

原本在 Jquery if ($("#欄位名").val()=="") 這樣就能判斷

不過 radio 跟 checkbox 是陣列的關係,所以取值有點不同

最近看到一個大陸人寫的,稍微改了一下,還滿好用的

var $xxx = $("input[name='欄位名']:checked").val(); // 這樣input欄位都抓到了
if ($xxx == null) {
alert("請至少選擇一項");
$("#xxx").focus();}<--頁面跳到那個選項位置 } //$("#xxx")
這樣還要設個 id="xxx" 用 $("input[name='xxx']") 就不用了

2009年4月8日 星期三

Jquery Slide / 縮起來 - 展開太冗長的內容

網站內文或是一些表格可能太長會把版面弄掉

這時可以用 Jquery 這個功能來拉開 - 縮起來,很多地方也可以看到這樣的效果

http://www.webintenta.com/Files/JQueryCollapse.html

這網頁的 CSS 就很不錯

不過好像只能讓一個去做展開,若一個頁面有多個內容要展開怎麼辦?
(應該也是改這 Code 就好,只是我不會 ... Q_Q)

http://www.cssrain.cn/demo/jqpanels/demo1.html

這個就是精簡又好用了

不論網頁有多少資料要開開關關,一行 Slide 就搞定

而且程式碼簡單好學,不需改什麼就能用

別忘了要把後面的兩個 JS 跟 CSS 都下載回去喔