技術 Angular 深入淺出三十天：表單與測試 Day14 - 單元測試實作 - 被保人 by Reactive Forms

今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十一天的文章： Reactive...

Leo ‧ 2021-09-29 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day13 - 整合測試實作 - 被保人 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼...

Leo ‧ 2021-09-28 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day12 - 單元測試實作 - 被保人 by Template Driven Forms

今天我們要來為我們用 Template Driven Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十天的文章： Te...

Leo ‧ 2021-09-27 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day11 - Reactive Forms 實作 - 動態表單初體驗

今天要來用 Reactive Forms 的方式再來實作一次昨天的表單。 具體的規格需求跟昨天差不多，如下所示： 被保險人的欄位： 姓名（文字輸入框）...

Leo ‧ 2021-09-26 ‧團隊請支援 Coding

技術 Day25. Form 裡面還有 Form 怎麼辦？- 表單 part3

Day23 的彈跳視窗元件，送出表單按鈕在form標籤的外面，理當來說form 外面的送出表單按鈕和裡面無關，今天我們會講如何處理這種狀況。 <div c...

漢漢老師 ‧ 2021-09-25

技術 Angular 深入淺出三十天：表單與測試 Day10 - Template Driven Forms 實作 - 動態表單初體驗

今天要來用 Template Driven Forms 的方式實作一個很簡易的動態表單，使用上有點像是保險業者的系統，可以新增多名被保人，也可以編輯與刪除被保...

Leo ‧ 2021-09-25 ‧團隊請支援 Coding

技術 Day24. form_tag 與 simple_form_for 的用法 - 表單 part2

前一天，我們使用了simple_form_for提到了新增表單寫法，而今天要講一個上傳情境。這個上傳想要做的事情在特殊新增頁籤中新增或更新id=1,2,3,4的...

漢漢老師 ‧ 2021-09-24

技術 Angular 深入淺出三十天：表單與測試 Day09 - 整合測試實作 - 登入系統 by Reactive Forms

昨天幫我們用 Reactive Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 再次幫大家複習一下整合測試的測試目標： 整合測試...

Leo ‧ 2021-09-24 ‧團隊請支援 Coding

技術 Day23. 在講表單之前，先來談談routes和mvc - 表單 part1

在講解基本的表單架構以前，我們先將基本的CRUD建立起來。 以下的前情提要會提到有關mvc & routes的建設，還不熟悉 Rails 框架的讀者們，...

漢漢老師 ‧ 2021-09-23

技術 [Angular] Day23. Introduction to forms in Angular

從本章開始會進入 Angular Form 的部分，在現代網頁中與使用者互動的過程變得越來越重要，其中最主要的便是 Form，從一開始的登陸頁面到對商品或對網頁...

Fandix ‧ 2021-09-23

技術 Angular 深入淺出三十天：表單與測試 Day08 - 單元測試實作 - 登入系統 by Reactive Forms

今天我們要來為我們用 Reactive Forms 所撰寫的登入系統寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第三天的文章： Reactive Fo...

Leo ‧ 2021-09-23 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day07 - 整合測試實作 - 登入系統 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎...

Leo ‧ 2021-09-22 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day06 - 單元測試實作 - 登入系統 by Template Driven Forms

今天我們要來為我們用 Template Driven Forms 所撰寫的登入系統寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第二天的文章： Temp...

Leo ‧ 2021-09-21 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day05 - 如何寫出優秀的測試？

昨天介紹了開始撰寫測試之前必須要知道的二三事之後，想必大家已經對如何開始撰寫測試有了一些概念，但測試不是「有拜有保佑」，有寫就好。所以我們除了要知道如何開始撰...

Leo ‧ 2021-09-20 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day04 - 開始撰寫測試之前必須要知道的二三事

在開始撰寫測試之前，先帶大家來了解一下 Angular 預設使用的測試框架 ─ Karma 。 Karma 的原名是 Testacular ， Google...

Leo ‧ 2021-09-19 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day03 - Reactive Forms 實作 - 以登入為例

今天要來用 Reactive Forms 的方式實作一個簡單的登入系統，撇開 UI 不談，具體的功能需求規格跟昨天差不多，如下所示： 帳號 格式為 Ema...

Leo ‧ 2021-09-18 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day02 - Template Driven Forms 實作 - 以登入為例

今天要來用 Template Driven Forms 的方式實作一個簡單的登入系統，撇開 UI 不談，具體的功能需求規格如下： 帳號 格式為 Email...

Leo ‧ 2021-09-17 ‧團隊請支援 Coding

技術 [DAY 29] Q&A 諮詢系統 - 程式開發（Forms）

最後來到了回覆問題的頁面啦長得不是很好看，但還沒想到怎麼修改它 (´◓Д◔`)歡迎大家提供意見！ 功能介紹 點選回覆當列的資料會被拉進左半邊，然後系統管理員在右...

小葵 ‧ 2020-10-12

技術 24 - 讓你可以跟訪客聯繫，或是要預約、訂位 ? 建個表單吧！

預設為免費的 Contact Form 7 ，不具有拖拉功能。教學建議另裝” wpform ( 官網 ) ”，以免費/個人使用而言算足夠 第一次安裝點選 [ 啟...

Dye ‧ 2019-10-09

技術 [Day 20] Angular 使用 React Form

如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況，使用 Reactive Form 處理應當會比 Template-Drive Form 好解決． 匯入...

TimTim ‧ 2019-10-07

技術 Day 19- 191005學習筆記 Express validator / form

前面完成的部分，已經讓使用者可以瀏覽閱讀網站上的資訊了。接下來將繼續完成 更新資料 的部分。這個部分主要是讓使用者透過 HTML form 來提交資料。 HT...

杯 ‧ 2019-10-05

技術 第 24 天：Flask：表單的操作

第 24 天：Flask：表單的操作 接著，電話那頭換了一個聲音：「嘿，是我。」那是沙粒的聲音。「怎麼了，發生了什麼好事嗎？」「沙粒，你是沙粒嗎？」「對，別再...

ithomemhjao ‧ 2019-10-02

技術 鐵人賽 Day28 側邊選單切版練習

這次來練習一個側邊選單切版，參考影片是 Amos 老師的鐵人賽https://www.youtube.com/watch?v=yB3_LtwBiaE 首先先把...

Tim Hsu ‧ 2019-10-01

技術 鐵人賽Day7-來嵌入 map 與 寫一個 form 吧！

今天在這個網頁內嵌入一個 map 跟寫一個 form，左邊放入地圖，右邊放入註冊資訊，會如下方所示 HTML會長這樣 <section3>...

Tim Hsu ‧ 2019-09-10

技術 [筆記,PHP]避免F5重新整理重新送出表單

寫完php表單後發現，F5重新整理會重新送出上次的動作苦惱一陣子 以下是我的解決方法，來源忘了XD 在該表單.php加入 <?php @session_s...

達標好文 技術 validate.js - 輕鬆完成表單驗證

validate.js 是一個方便用於表單驗證的 JavaScript 函式庫，透過 validate.js 你可以更簡單且完整的處理表單驗證的問題，那就來介紹...

六角學院 ‧ 2018-11-10

技術 [vee-validate] 組件間同步驗證

--- 本文開始 ---最近在設計時，因為一個 Vue 檔的template 有太多的 form ，都擠在同一個 vue 檔中，想說之後應該很難管理。所以就開...

技術 DAY16-Angular6之表單-Template-drive Forms

基礎 Template-drive Forms (中文：樣板驅動表單)，裡面有四個要素，搞懂他們就可以完勝囉！ form 裡面的 name [(hello)]...

馬達 ‧ 2018-10-26

技術 開胃餐點 - 峰峰相連互動式資料表單

Alex ‧ 2018-10-23 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 Day18：小事之 HTML form

在整個網站裡，form 表單會出現在不少地方，最常看到的是在聯絡我們那頁。 以聯絡我們來舉例，基本的表單如下： <form action="&q...

小艾 ( Cami ) ‧ 2018-01-06 ‧團隊好想工作室第一屆鐵人賽