testing out ember + netlify's forms

Related tags

Learning resource survey-netlify
Overview

survey-netlify

Netlify Status

I'm trying Ember + Netlify Forms. Will it work? Let's find out.

Steps so far

  • added prember and ember-cli-fastboot
  • used the version of fastboot that is compat with Ember v4+ (in this case, v3.2.0-beta.5)
  • ensured forms were being detected in the Netlify build log:

    • image
  • added /success page
    • added this to the prember list in ember-cli-build.js
    • added this to the action attribute value on the form in the index.hbs template file
  • used ember-cli-netlify and added .netlifyredirects file

Current Status

It's currently still not working:

  • filling out the form and pressing submit gives a "page not found" error.
  • manually navigating to /success works
  • the image I added to that page does not show up
You might also like...

A self-hosted solution for creating/managing forms and applications.

A self-hosted solution for creating/managing forms and applications.

Centox - Self-hosted form website It is a self-hosted solution for creating/managing forms and applications. Users can login using their Discord Accou

Dec 26, 2022

A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.

A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.

Dec 30, 2022

Angular 14 JWT Authentication & Authorization with Web API and HttpOnly Cookie - Token Based Auth, Router, Forms, HttpClient, BootstrapBootstrap

Angular 14 JWT Authentication & Authorization with Web API and HttpOnly Cookie - Token Based Auth, Router, Forms, HttpClient, BootstrapBootstrap

Angular 14 JWT Authentication with Web API and HttpOnly Cookie example Build Angular 14 JWT Authentication & Authorization example with Web Api, HttpO

Dec 26, 2022

A jQuery plugin to submit forms with files via AJAX and to get a response with errors.

jquery-ajaxform A jQuery plugin to submit form with files via AJAX and to get a response with errors. Browsers without FormData uses iframe transport

Mar 30, 2021

Superlight vanilla javascript plugin improving forms look and functionality

Superlight vanilla javascript plugin improving forms look and functionality

Superlight pure javascript form switch plugin by LCweb Give a modern look to your applications and take advantage of javascript events and public func

Mar 9, 2022

Prefill forms based on URL-parameters, cookies or the sessionStore.

Form prefill plugin for jQuery Built by more onion as a part of Campaignion. Installation import { formPrefill } from "path/to/formprefill.min.js"; No

Sep 6, 2022

This is a small web application I made using Vanilla Javascript. It's a text generator that cooks up classic lyrics (lorem ispum style) from the rap collective Wu Tang Clan. This was a blast to make and I hope others can get some use out of it, or at least a good laugh.

Wu Tang Lorem Ipsum Text Generator This is a small web application I made using Vanilla Javascript. It's a text generator that cooks up classic lyrics

Aug 1, 2022

Generally free coding Resources for all! Check it out and don't forget to give it a star ⭐️

Generally free coding Resources for all! Check it out and don't forget to give it a star ⭐️

A-Z Coding Resources This website is built using Docusaurus 2, a modern static website generator. Installation yarn install Local Development yarn sta

Jan 2, 2023

Get the latest feed of GitHub Stars out there! 🌟 ⭐ ✨

Get the latest feed of GitHub Stars out there! 🌟 ⭐ ✨

GitHub Stars Feed Get the latest feed of GitHub Stars out there! ⭐ The GitHub Stars program thanks GitHub’s most influential developers and gives them

Oct 5, 2022
Comments
  • Add hidden form-name field to form

    Add hidden form-name field to form

    Needed for SSR sites according to some blog posts from netlify.

    Figured that was the case after finding the form worked with JS disabled and seeing the hidden form field in the actual html source, but not in the payload when js was enabled.

    opened by raytiley 2
Owner
Melanie Sumner
Likes: Ember, accessibility, and web standards.
Melanie Sumner
GitHub https://ember-test-survey.netlify.app/
A testing focused Remix Stack, that integrates E2E & Unit testing with Playwright, Vitest, MSW and Testing Library. Driven by Prisma ORM. Deploys to Fly.io

Live Demo · Twitter A testing focused Remix Stack, that integrates E2E & Unit testing with Playwright, Vitest, MSW and Testing Library. Driven by Pris

Remix Stacks 18 Oct 31, 2022
Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box.

JSON Form The JSON Form library is a JavaScript client-side library that takes a structured data model defined using JSON Schema as input and returns

null 2.6k Dec 28, 2022
TS & JS Library for adaptive precision cursor for the web. Releases will come out soon! Meanwhile, check out the demo site:

Haha, cool cursor go brrrr... Table of Content What is this? Installation & Setup Installation Setup Usage Cursor controls Element settings Known issu

LemonOrange 10 Nov 24, 2022
Javascript-testing-practical-approach-2021-course-v3 - Javascript Testing, a Practical Approach (v3)

Javascript Testing, a Practical Approach Description This is the reference repository with all the contents and the examples of the "Javascript Testin

Stefano Magni 2 Nov 14, 2022
AREX: It is a “Differential Testing” and “Record and Replay Testing” Tool.

AREX: It is a “Differential Testing” and “Record and Replay Testing” Tool. Test restful API by record, replay and stub request/response. Differential

ArexTest 15 Nov 1, 2022
A WCAG-conformant (2.1 AA) Ember starter app.

accessibility-base Some small changes to make to your new Ember app to make it WCAG conformant: adds lang attribute in app/index.html (you can also do

Ember Sample Apps 3 May 17, 2022
Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.

Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.

null 11 Oct 5, 2022
A Remix Auth strategy for working with forms.

FormStrategy A Remix Auth strategy to work with any form. Supported runtimes Runtime Has Support Node.js ✅ Cloudflare ✅ How to use This Strategy gives

Sergio Xalambrí 40 Jan 2, 2023
Magically create forms + actions in Remix!

Welcome to Remix Forms! This repository contains the Remix Forms source code. We're just getting started and the APIs are unstable, so we appreciate y

Seasoned 321 Dec 29, 2022
PaperFreeForm is a Free Form Builder to save trees and create beautiful forms

PaperFreeForm PaperFreeForm is a Free Form Builder to save trees and create beautiful forms. Easy online form builder that works like a doc. Just add

Zaid Mukaddam 5 Feb 24, 2022