Question

我有一个单页应用程序。我需要在客户端验证我的字段。所以我用过 knockout.js。我的视图页面上有两个字段，即电子邮件和密码。我想要的是，当我输入错误格式的电子邮件ID然后移动到密码然后它应该给出电子邮件的验证错误。简单的话，当输入错误的格式化的电子邮件ID并按Tab键然后我应该得到验证错误。我已经尝试'required pattern =“@”'进行验证，但是当Ajax调用完成时它不能完美运行。所以我打算用jquery来验证它。

 HTML:-
      <p>
   <label>email:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="email" name="email"  class="formElement" data-bind='value: email'
     required pattern="@" /></label></p>
     <p>
     <label>password:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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'));

Answer 1

var User_Email_Id = $.trim($('#User_Email_Id').val());

if (! /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(User_Email_Id)){
  //error msg
    }

你可以试试这个

Answer 2

这里，它的工作： -

电子邮件：ko.observable（''）。extend（{//自定义消息电子邮件：是的 }），

对现场电子邮件的验证无效

2 个答案: