70

HTML5 フォーム フィールドのエラー メッセージの言語を変更しようとしています。

私はこのコードを持っています:

<input type="text" name="company_name"  oninvalid="setCustomValidity('Lütfen işaretli yerleri doldurunuz')" required /> 

しかし、送信時に、フィールドが空白でなくても、エラーメッセージが表示されます。

で試しました<input type="text" name="company_name" setCustomValidity('Lütfen işaretli yerleri doldurunuz') required />

しかし、その後、英語のメッセージが表示されます。エラーメッセージを他の言語で表示する方法を知っている人はいますか?

よろしく、ゾラン

4

12 に答える 12

95

setCustomValidityの目的は、検証メッセージを設定することだけではなく、それ自体がフィールドを無効としてマークします。ネイティブでサポートされていないカスタム検証チェックを作成できます。

カスタム メッセージを設定する方法は 2 つあります。Javascript を使用しない簡単な方法と、Javascript を使用する方法です。

最も簡単な方法は、単純titleに input 要素で属性を使用することです。その内容は、標準のブラウザ メッセージとともに表示されます。

<input type="text" required title="Lütfen işaretli yerleri doldurunuz" />

ここに画像の説明を入力

カスタム メッセージのみを表示する場合は、Javascript が少し必要です。このフィドルで両方の例を提供しました。

于 2012-05-25T12:56:37.807 に答える
-1
<input type="text" id="inputName"  placeholder="Enter name"  required  oninvalid="this.setCustomValidity('Please Enter your first name')" >

これにより、さらに速く、便利で、最も簡単になります。

于 2017-08-30T04:08:45.893 に答える