Wicketパスワードフィールドの例

投稿日: 2019-11-05 2019-11-05
タグ: password, wicket

”

password

“と ”

confirm password

“の2つのパスワードフィールドを作成する方法、

強力なパスワードバリデーター

を添付してパスワード値を次のページに渡す方法を示すWicketチュートリアル。

….//Java
import org.apache.wicket.markup.html.form.PasswordTextField;
…

最後のPasswordTextFieldパスワード=新しいPasswordTextField（ “パスワード”、Model.of（ “”））;
form.add（パスワード）;
//HTML
<input wicket:id = “password” type = “password” size = “20”/>

=== 1. Wicketパスワードの例

2つのパスワードフィールドを表示するユーザーページ。添付の2人のバリデーター、
パスワードのための `PatternValidator`と` EqualPasswordInputValidator`
チェック。

__File:UserPage.java__

パッケージcom.mkyong.user;

インポートorg.apache.wicket.PageParameters; import org.apache.wicket.markup.html.form.Form; import org.apache.wicket.markup.html.form.PasswordTextField; import org.apache.wicket.markup.html.form.validation.EqualPasswordInputValidator; import org.apache.wicket.markup.html.panel.FeedbackPanel; import org.apache.wicket.markup.html.WebPage; import org.apache.wicket.model.Model;インポートorg.apache.wicket.validation.validator.PatternValidator;

public class UserPageはWebページ{

public UserPage（最後のPageParametersパラメータ）{

add（新しいFeedbackPanel（ “feedback”））;

最後のPasswordTextField cpassword =新しいPasswordTextField（ “cpassword”、Model.of（ “”））; cpassword.setLabel（Model.of（ “パスワードの確認”））;

password.add（新しいPatternValidator（PASSWORD__PATTERN））;

フォームの<？> form = new Form <void>（ “userForm”）{@Override protected void onSubmit（）{//入力されたパスワードを取得し、次のページに渡しますPageParameters pageParameters = new PageParameters（）; pageParameters.add（ “password”、password.getModelObject（））; setResponsePage（SuccessPage.class、pageParameters）;

}};

追加（フォーム）; form.add（パスワード）; form.add（cpassword）; form.add（新しいEqualPasswordInputValidator（パスワード、cpassword））;

}
}

__File:UserPage.html__

<html> <head> <style>ラベル{background-color:#eee;パディング:4px; }

feedbackPanelERROR {カラー:赤; } </style> </head> <body> <h1>ウィジェットパスワードの例</h1>

<wicket:id = “userForm”> <p> <label>パスワード</label>:<input wicket:id = “password” type = “password” <div wicket:id = “feedback”> </div> </label>:<input wicket:id = “cpassword” type = “password” size = “20”/> </p>入力タイプ= “submit” value = “Register”/> </form>

</body>
</html>

=== 2. package.properties

文字列を "**  package.properties ** "に入れて、
他のページ。

__File:package.properties__

password.Required = $ {label}は必須です
cpassword.Required = $ {label}は必須です
password.PatternValidator = $ {label}には少なくとも1桁の数字が必要です。…（省略）
cpassword.EqualPasswordInputValidator = “$ {label}が一致しませんでした！”

===デモ

開始と訪問 -  __http://localhost:8080/WicketExamples/__

パスワードが正規表現のパターンを満たしていない場合:

image://wp-content/uploads/2011/05/wicket-password-validate-error1.png[wicket
パターン
エラー、タイトル= "wicket-password-validate-error1"、width = 639、height = 345]
パスワードと確認パスワードが一致しない場合:

image://wp-content/uploads/2011/05/wicket-password-validate-error2.png[wicket
パスワード
エラー、タイトル= "wicket-password-validate-error2"、width = 639、height = 345]
それをダウンロードする -
URL:
（8KB）

===参考文献

。 link://正規表現/正規表現でのパスワードの確認方法/[正規表現による検証]パスワードと正規表現]。 http://wicket.apache.org/apidocs/1.4/org/apache/wicket/markup/html/form/PasswordTextField.html[Wicket
PasswordTextField Javadoc]
link://tag/password/[password]link://タグ/wicket/[wicket]

getdocs

13036