ほぼJSなしで完璧なReactフォームをつくる

import { ChangeEvent, FormEvent } from "react"; export default function Form() { const showError = (message: string) => (e: FormEvent<HTMLInputElement>) => { if (e.currentTarget.validity.valueMissing) { e.currentTarget.setCustomValidity(message); } else if ( e.currentTarget.validity.patternMismatch && e.currentTarget.name === "postcode" ) { e.currentTarget.setCustomValidity("郵便番号正しく入力してね"); } else

[otchy210]

React は JS だし、JSX は React 呼び出しのシンタックスシュガーなのよね。「HTML ネイティブなバリデーションをフル活用した React フォーム」くらいのタイトルが適切では？

[kijtra]

JSなしでReactというタイトルの強さ

[issyurn]

ほぼ

[diveintounlimit]

react使ってればjsじゃないと思ってそうだなぁ。そういう層が増えつつあるのはある種時代が進んだということではあると思うが。

[aox]

Java相撲

[Outrast]

フォームバリデーションライブラリより、なるべく HTML の機能にバリデーションを寄せるほうが筋が良いと思うので、この方法は支持する。

[akymrk]

“e.currentTarget.setCustomValidity”

[mayumayu_nimolove]

reactなのにjsなしとはこれいかに

[glass-_-onion]

ブラウザ標準のあのダサいエラーポップアップを使いたくないからInput系のエラーハンドリングは標準機能を使う機会がほとんどない

[wrightrobbie]

https://kbin.social/m/internet/t/994755/WATCH-Knuckles-2024-FulLMovie-Free-Online-on-English-elementor-Discussion https://dev.bukkit.org/paste/073260f6 https://lifeisfeudal.com/Discussions/question/sdvfhyumbvyccgcreter https://lifeisfeudal.com/Discussions/question/sdvfhyumbvyccgcreter#reply-95867

[kkeisuke]

“setCustomValidity”

[efcl]

ReactとsetCustomValidityを使ったフォームのバリデーション