アカウント名:
パスワード:
フォームを送信しようとしたときにチェックするというのは、form の submit をフックするということですかね。それだと「JavaScriptでフォーム内容を取得し、Ajaxで送信する」タイプのページはどうなるんでしょう。ちょっと考えてみたのですが
A) form の submit 時のみチェックして警告を出す →ajaxではmaxlengthを超えたデータが送信されてしまう
B) http request 発行時に警告を出すC) JavaScriptでフォーム内容取得時に警告を出す →どちらも、そこで処理中断されることを想定していない、既存のページでは、警告を出したあとのエラー復帰ができないケースがありそう。
ってことで、JavaScriptでの処理を従来通り正常に進行させるためには、フォーム送信時ではなく、入力(ペースト)段階で「maxlengthを超えたら、そのフォームにフォーカスしたままになり、maxlength以下に収めるまで他の操作をできなくする」ようにするしかないような気がします。
maxlengthはHTMLの文字数の定義が曖昧 [github.com]&変更 [github.com]された事等が原因で、ブラウザ上の通常入力ですらアテに出来ない [github.com]物です。その為、本来ならば既存コードはフォームのmaxlengthを信用せずに対策済みなはずです。まぁ、現実は違ったりで結局不具合が起きる可能性が有りますが。しかし、今回の変更で死ぬシステムは元々運よく死んでなかっただけなので。
例えば、エイプリルフールネタになった吉野家 [it.srad.jp]ですが、maxlength=10な入力エリアに「𠮷野家」をコピペし続けた場合、IE/旧Edge:𠮷野家𠮷野家𠮷野家𠮷(10文字/14文字)新Edge/Firefox/Chrome:𠮷野家𠮷野家𠮷(7文字/10文字)と、挙動の差異が有ったりします。# Chromeの古いバージョンはIE/旧Edge側の挙動をします。# Firefoxは、BugzillaのBug 670837 - maxlength shouldn't count one non-BMP character as two characters [mozilla.org]がまとまってる?
より多くのコメントがこの議論にあるかもしれませんが、JavaScriptが有効ではない環境を使用している場合、クラシックなコメントシステム(D1)に設定を変更する必要があります。
一つのことを行い、またそれをうまくやるプログラムを書け -- Malcolm Douglas McIlroy
フォーム送信時のチェックはやめて (スコア:1)
フォームを送信しようとしたときにチェックするというのは、form の submit をフックするということですかね。それだと「JavaScriptでフォーム内容を取得し、Ajaxで送信する」タイプのページはどうなるんでしょう。ちょっと考えてみたのですが
A) form の submit 時のみチェックして警告を出す
→ajaxではmaxlengthを超えたデータが送信されてしまう
B) http request 発行時に警告を出す
C) JavaScriptでフォーム内容取得時に警告を出す
→どちらも、そこで処理中断されることを想定していない、既存のページでは、警告を出したあとのエラー復帰ができないケースがありそう。
ってことで、JavaScriptでの処理を従来通り正常に進行させるためには、フォーム送信時ではなく、入力(ペースト)段階で
「maxlengthを超えたら、そのフォームにフォーカスしたままになり、maxlength以下に収めるまで他の操作をできなくする」
ようにするしかないような気がします。
Re:フォーム送信時のチェックはやめて (スコア:1)
maxlengthはHTMLの文字数の定義が曖昧 [github.com]&変更 [github.com]された事等が原因で、ブラウザ上の通常入力ですらアテに出来ない [github.com]物です。
その為、本来ならば既存コードはフォームのmaxlengthを信用せずに対策済みなはずです。
まぁ、現実は違ったりで結局不具合が起きる可能性が有りますが。
しかし、今回の変更で死ぬシステムは元々運よく死んでなかっただけなので。
例えば、エイプリルフールネタになった吉野家 [it.srad.jp]ですが、maxlength=10な入力エリアに「𠮷野家」をコピペし続けた場合、
IE/旧Edge:𠮷野家𠮷野家𠮷野家𠮷(10文字/14文字)
新Edge/Firefox/Chrome:𠮷野家𠮷野家𠮷(7文字/10文字)
と、挙動の差異が有ったりします。
# Chromeの古いバージョンはIE/旧Edge側の挙動をします。
# Firefoxは、BugzillaのBug 670837 - maxlength shouldn't count one non-BMP character as two characters [mozilla.org]がまとまってる?