我有一个单页应用程序。我需要在客户端验证我的字段。所以我使用了 knockout.js。我的视图页面上有两个字段,即电子邮件和密码。我想要什么,当我输入不正确格式的电子邮件 ID 然后移动到密码时,它应该给出电子邮件验证错误。简单来说,当输入格式错误的电子邮件 ID 并按 Tab 按钮时,我应该得到一个验证错误。我已经尝试过 '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'));