0

このスクリプトを使用してフォームを検証しようとしています: http://validator.codeplex.com/

デフォルト値が「姓名」の入力フィールドを作成しようとしています。

<div class="RightForm"><input type="text" id="firstlastname" name="firstlastname"
value="First and Last Name" style="width: 175px; float:right;" validate="form" invalid=
"<b>First and Last Name missing</b><br/>Please enter your First and Last name." 
invalidVal="First and Last Name" /></div>

人がそのデフォルト値を変更せずに送信をクリックすると、検証でスクリプトのデフォルトのポップアップ警告が表示され、「姓と名が必要です...」というメッセージが表示されます-また、フィールドを空のままにしたくない. したがって、両方のケースで警告が表示されるはずです。

ただし、現在、スクリプトはエラー メッセージではなく「未定義」と表示しています。

どうすれば修正できるかについて何か考えはありますか？どうもありがとう！！

4

1 に答える 1

2

すぐに目立つのは、このコードです。

invalid="<b>First and Last Name missing</b><br/>Please enter your First and Last name."

HTML属性でHTML構文文字を使用する場合は、エンティティとしてエスケープする必要があります。そうしないと、JavaScriptが理解できない可能性のあるHTMLが壊れてしまいます。

invalid="&lt;b&gt;First and Last Name missing&lt;/b&gt;&lt;br/&gt;Please enter your First and Last name."

言うまでもなく、invalidこれは正当なHTML属性ではなく、これは純粋にjavascriptフックとして使用されているようです。

また、value属性を設定するplaceholder代わりに、次を使用する必要があります。

placeholder="First and Last Name"

フィールドには実際には「値」がないため、これで問題が解決する可能性がありますが、空のままにするとテキストが入力に表示されます。

余談ですが、使用しているライブラリにうんざりしている場合、事実上のjQuery検証ライブラリは次のとおりです。

于 2012-04-26T22:33:34.167 に答える