[JavaScript] 將 CSV 檔案轉換成 JSON 資料

我們在拿到客戶提供的資料的時候常常會拿到 excel 檔案(這算幸福的)
至少我們可以簡單的利用一些軟體轉成 csv丟進資料庫裡處理。如果搭配個後端 API 基本上資料都不會是太大的問題可以做成 JSON 供 JavaScript 使用,但是如果在沒有後端或是資料庫的環境中呢?


首先我們先把 csv 檔案放到 server上 利用 $.get() 取得內容,接著將內容String 丟進我們待會會用到的 csvJSON 外掛 function 中。就會取得 JSON
但是這個時候的 JSON 還是 String 的形態所以還無法被解析,我們再加個 JSON.parse() 就可以拿到整個 JSON 物件摟!


function 來源:
https://gist.github.com/iwek/7154578

jQuery 表單驗證套件 Jquery Validate

jQuery 的輸入表單驗證套件目前用起來覺得最簡單也最乾淨的就是這套了

Jquery Validate
官網下載

下載完成後會有很多東西,不過最簡單的使用看起來只需要用到這兩個檔案

  • jquery.js
  • jquery.validate,js


使用方式
step 1.載入js檔案
jquery.js
jquery.validate,js

step 2.設定表單啟用,假設表單設為id=form
$(document).ready(function() {
 $("#form").validate();
});
接下來只要在input的class中放上各種預設的設置就可以了




預設配置
required:必填欄位
email:格式要符合E-Mail格式
url:格式要符合網址格式,如:http://www.minwt.com
number:數字格包含小數點
digits:數字為正整數
date:日期格式
dataISO:日期格式,格式必需為YYYY/MM/DD、YYYY-MM-DD、YYYYMMDD
equalTo:與某一欄位值相同
minValue:最小字元長度
maxValue:最大字元長度
rangeValue:字元長度區間長度
minLength:最小字元長度(漢字算一個字符)
maxLength:最大字元長度(漢字算一個字符)
rangeLength:字元長度區間長度(漢字算一個字符)

參考資料:
jQuery教學-jQuery.validate萬用表單驗證元件直接套用
Jquery Validate 驗證中文字

留言

這個網誌中的熱門文章

利用 google MAP API 取得座標之間的距離

JavaScript 將 Array 和 Object 轉成 JSON

讓 PHP 接收 post 的 json 資料