space10-community/conversational-form

Improve validation for native HTML5 input field types

Open

#228 opened on 2018年3月24日

GitHub で見る
 (3 comments) (0 reactions) (0 assignees)HTML (3,772 stars) (789 forks)batch import
enhancementhelp wanted

説明

Hey team! Just wanted to say how awesome this project is. I do believe this to be the future of forms. I would like to recommend a feature request for more simple native validation.

  • description of the actual behavior Validation is unnecessarily complex. I have not only recently successfully validated an <input name='' type='email'> with flowStepCallback.

More examples in the docs for each input type would get the community a lot further. Research shows that users agree that "handling validation for some questions is unnecessarily complex". Even simple min/max validation is left unanswered.

  • expected behavior When a native input field errors the cf-error="This field is invalid yo" message should automatically interrupt the form flow and display its message to the user by default. Use of flowStepCallback and regex patterns should be overrides for custom validation purposes.

This way conversational forms can be used out the box for everyone leaving custom validation work to advanced users.

コントリビューターガイド

技術スタック
htmlcssjavascript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
Familiarity with conversational form libraryUnderstanding of HTML5 input validation
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
The issue requests that native HTML5 validation errors automatically interrupt the form flow and display the cf error message. Research the current validation handling in the library, particularly the flowStepCallback and how cf error is implemented. Look at the linked issue #56 for context. Investigate the codebase to understand how validation is triggered and where to intercept native validation errors. Consider proposing a change that allows native validation to take precedence unless overridden by custom validation.
Improve validation for native HTML5 input field types · space10-community/conversational-form#228 | Good First Issue