クライアント側でフィールドを検証する必要があるため、knockout.js を使用しました。ビュー ページには、電子メールとパスワードの 2 つのフィールドがあります。私が望むのは、間違った形式の電子メールIDを入力してからパスワードに移動すると、電子メールの検証エラーが発生するはずです。簡単に言えば、間違った形式の電子メールIDを入力してタブボタンを押すと、検証エラーが発生するはずです。検証のために 'required pattern="@"' を試しましたが、Ajax 呼び出しが完了すると完全には機能しません。だから私はそれを検証するためにjqueryを使うことを計画しています。
HTML:-
<p>
<label>email:
<input type="email" name="email" class="formElement" data-bind='value: email'
required pattern="@" /></label></p>
<p>
<label>password: <input type="password"
name="password" class="formElement" data-bind='value: password' /></label></p>
test.js :-
ko.validation.rules.pattern.message = 'Invalid.';
ko.validation.configure({
registerExtenders : true,
messagesOnModified : true,
insertMessages : true,
parseInputAttributes : true,
messageTemplate : null
});
ここで私のコードをテストできます:- http://jsfiddle.net/kmvgw/324/
var modalViewModel= {
email : ko.observable().extend({ // custom message
required : {
message : 'Please type your email address.'
}
}),
password: ko.observable()
};
ko.applyBindings(modalViewModel,document.getElementById('light'));