如何绑定输入类型='电子邮件'在knockoutjs中
how to bind input type= 'email' in knockoutjs
我将KnockoutJS与MVC结合使用。
我想知道emailId是有效还是无效,基于此,我必须启用/禁用按钮并为文本框设置错误标题。
这是我的.cshtml
<div class="nmc-righttab" style="width:265px;">
<input class="nmc-text" type="email" maxlength="50" id="txtEmail" data-bind="value: emailAddress, valueUpdate: 'input'",css: { faultyBrush: (checkValidEmail() },attr: {title: InvalidEmailTitle } style="width:245px;" />
</div>
<input type="submit" class="btn nmc-button" data-bind="click: searchUsers,enable: canSearchUsers,css: { 'btn-primary': (canSearchUsers() == true) }" id="searchUser" value="@Res.CommonStrings.Search" />
这是我的JS代码:
this.emailAddress = ko.observable('');
this.invalidEmailTitle = ko.observable('');
this.canSearchUsers = ko.computed(function () {
try {
if (this.emailAddress().trim().length!==0)
return true;
else
return false;
} catch (error) {
NMCApp.showNMCExceptionWindow('Jquery Error:' + error);
}
}, this);
this.checkValidEmail(input) {
}
请让我知道如何知道电子邮件类型文本框的有效性,以及在Knockout JS中无效的情况下如何更改标题。
如何获取输入类型为"电子邮件"的文本框的有效性
如果您不想使用验证插件,您可以根据自己的regex:测试输入
HTML
<input data-bind="textInput: emailAddress, css: { 'faultyBrush': !checkValidEmail()}" class="nmc-text" type="email" maxlength="50" id="txtEmail" />
JS-
var self = this;
self.emailAddress = ko.observable('');
self.checkValidEmail = ko.pureComputed(function () {
if (!self.emailAddress()) return false;
var pattern = /REGEX-GOES-HERE/i;
return pattern.test(self.emailAddress());
});
这里有几个模式。
相关文章:
- 如果我在javascript中输入无效的电子邮件或空白,如何显示特定的文本框边框红色
- 使用angularjs验证文本框中的电子邮件
- 使用正则表达式评估电子邮件地址时出现性能问题
- javascript中添加验证电子邮件的问题
- 如何在收到电子邮件时自动调用脚本
- 获取屏幕截图并在电子邮件中发送的按钮
- 将项目履行与高级模板合并,并通过电子邮件发送至Netsuite 2.0
- php&js-将电子邮件添加到输入文本中
- 将用户制作的SVG(raphael.js)发送到服务器(php),以便通过电子邮件发送
- 以PDF附件的形式通过电子邮件发送谷歌文档
- 将Meteor中的base64 PDF作为电子邮件附件
- 来自现场目的的Meteor电子邮件.send()
- 根据部门用户的选择,接收来自多个电子邮件地址的Wordpress Contactform7查询
- Javascript/Ajax:通过点击按钮检查有效的电子邮件和电话号码
- 如果填写了特定值,则通过电子邮件发送电子表格中的数据
- 窗口提醒或类似内容中的电子邮件表单
- 通过phonegap中的电子邮件发送存储在html5 localStorage中的信息
- 电子邮件地址验证但创建帐户,即使电子邮件地址无效
- 使用节点JS发送电子邮件
- 如何绑定输入类型='电子邮件'在knockoutjs中