Support Longform
A simple donation form to let readers support Longform with a one-time or monthly contribution. Some features:
— Segmented controls for Frequency and Amount are in fact radio buttons with pure CSS styling, and preserve keyboard navigation.
— “Other” amount field is cleared when going back to one of the preset values.
— Credit card number gets automatically spaced-separated, and expiration date get slash-separated.
— Client-side validation of both personal information and credit card fields (credit card server-side validation isn’t possible as the credit card information isn’t sent to the server at all).
— Using autofill properties so supporting browsers can help users quickly fill out information. Also works with 1Password.