Test

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="wrapper" id="divCustomerRegister" style="margin: 6% 0;">
<div class="register" id="banner-inner-pane">
<div class="banner-container">

<table border="0" cellpadding="0" cellspacing="0" class="align-center" style="width: 100%px;"><tbody>
<tr>                     <td valign="top">
<div class="banner-title">
New Account creation</div>
</td>                 </tr>
<tr>                     <td valign="top">
<div class="align-center" id="divRegister" style="width: 600px;">
<div class="form-row">
<div class="label-column">
First Name<span class="f-req">*</span></div>
<div class="ctrl-column">
<input class="input-txt" data-bind="value: FirstName,qtipValMessage:FirstName" id="txtFirstName" maxlength="160" type="text" /></div>
</div>
<div class="form-row">
<div class="label-column">
Last Name<span class="f-req">*</span></div>
<div class="ctrl-column">
<input class="input-txt" data-bind="value: LastName,qtipValMessage:LastName" id="txtLastName" maxlength="160" type="text" /></div>
</div>
<div class="form-row">
<div class="label-column">
Company<span class="f-req">*</span></div>
<div class="ctrl-column">
<input class="input-txt" data-bind="value: Name,qtipValMessage:Name" id="txtName" maxlength="160" type="text" /></div>
</div>
<div class="form-row">
<div class="label-column">
Email<span class="f-req">*</span></div>
<div class="ctrl-column">
<input class="input-txt" data-bind="value: Email,qtipValMessage:Email" id="txtEmail" maxlength="160" oncopy="return false" onpaste="return false" type="text" /></div>
</div>
<div class="form-row">
<div class="label-column">
Confirm Email<span class="f-req">*</span></div>
<div class="ctrl-column">
<input class="input-txt" data-bind="value: ConfirmEmail,qtipValMessage:ConfirmEmail" id="txtConfirmEmail" maxlength="160" onpaste="return false;" type="text" /></div>
</div>
<div class="form-row">
<div class="label-column">
Password<span class="f-req">*</span></div>
<div class="ctrl-column">
<input class="input-txt" data-bind="value: Password,qtipValMessage:Password" id="txtRegPassword" maxlength="20" size="5" type="password" />
<span class="question" onmouseout="return QuestionMouseLeave();" onmouseover="return Tooltip(this,'Password_Policy','L');" style="display: none;">
</span></div>
</div>
<div class="form-row">
<div class="label-column">
Re-enter Password<span class="f-req">*</span></div>
<div class="ctrl-column">
<input class="input-txt" data-bind="value: RePassword , valueUpdate: 'afterkeydown',qtipValMessage:RePassword" id="txtRePassword" maxlength="20" type="password" /></div>
</div>
<div class="form-row">
<div class="label-column">
Phone<span class="f-req">*</span></div>
<div class="ctrl-column">
<input class="input-txt" data-bind="value: Phone,qtipValMessage:Phone" id="txtPhone" maxlength="60" type="text" /></div>
</div>
<!-- ko if:(OrganizationList()!=null && OrganizationList().length>1) -->
<div class="form-row">
<div class="label-column">
My Organization is a<span class="f-req">*</span></div>
<div class="ctrl-column">
<select data-bind="options: OrganizationList,optionsCaption: '-Select-', optionsValue: function(item) { return item.OrganizationID; },optionsText: function(item) { return item.OrganizationType; },value:Organization,qtipValMessage:Organization" id="drpOrganization " name="DrpCountry"> </select></div>
</div>
<!-- ko if:(Organization()!=null && Organization()!=2) -->
<div class="form-row">
<div class="label-column">
Entity
<span class="f-req">*</span></div>
<div class="ctrl-column">
<a href="javascript:ShowEntityStatus();" style="color: blue;">Click Here</a> <span id="spnEntityStatus">
</span></div>
</div>
<!--/ko-->
<!--/ko-->

<div class="form-row">
<div class="label-column">
</div>
<div class="ctrl-column">
<button class="orange-but" data-bind="click:$root.btnRegister,css: {'orange-but': haschecked, 'disable-but':!haschecked()}" id="btnRegister" style="float: left;">
Register</button></div>
</div>
<div class="spac">

</div>
</div>
</td>                 </tr>
</tbody></table>
</div>
</div>
</div>


var data;

var RegisterModel = function (CompanyRegisterModel) {
var self = this;
self.FirstName = ko.observable(CompanyRegisterModel.FirstName).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_FirstName") }
});
self.LastName = ko.observable(CompanyRegisterModel.LastName).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_LastName") }
});
self.Name = ko.observable(CompanyRegisterModel.Name).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_Company") },
validation: [{
validator: function (val) {
var result = false;
$.ajax(
{
async: false,
type: "POST",
url: RootURL + "Common/chkNameExists",
data: "{'CompanyName':'" + val + "' }",
contentType: 'application/json',
success: function (mydata) {
result = mydata;
},
error: function (xhr, ajaxOptions, thrownError) {
RedirectOnSessionTimeout(xhr.status);
}
});
return !result;
},
message: GetAlertMessage("Company_CompanyName_Exists")
}]
});
self.Email = ko.observable(CompanyRegisterModel.Email).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_Email") }
}).extend({ email: { params: true, message: GetAlertMessage("CompanyRegister_Empty_ValidEmail") },
validation: [{
validator: function (val) {
var paramData = { 'strEmail': val };
var inputData = JSON.stringify(paramData);
var result = false;
$.ajax(
{
async: false,
type: "POST",
url: RootURL + "Common/CheckEmailAlreadyExists",
data: inputData,
contentType: 'application/json',
success: function (mydata) {
result = mydata;
},
error: function (xhr, ajaxOptions, thrownError) {
RedirectOnSessionTimeout(xhr.status);
}
});
return !result;
},
message: GetAlertMessage("User_Email_Exists")
}]
});

self.ConfirmEmail = ko.observable(CompanyRegisterModel.ConfirmEmail).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_ConfirmEmail") }
}).extend({ email: { params: true, message: GetAlertMessage("CompanyRegister_Empty_ValidEmail") }
}).extend({ equal: { params: self.Email, message: GetAlertMessage('CompanyRegister_EmailMatch')} });

self.Password = ko.observable(CompanyRegisterModel.Password).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_Password") },
validation: { validator: fnValidatePwd, message: GetAlertMessage("Password_Empty_Policy") }
});
self.RePassword = ko.observable(CompanyRegisterModel.RePassword).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_RePassword") }
}).extend({ equal: { params: self.Password, message: GetAlertMessage('CompanyRegister_PasswordMatch')} });

self.Phone = ko.observable(CompanyRegisterModel.Phone).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_Phone") }
});

self.IsInMailingList = ko.observable(CompanyRegisterModel.IsInMailingList);
self.EntityTypeList = ko.observable(CompanyRegisterModel.EntityTypeList);
self.OrganizationList = ko.observable(CompanyRegisterModel.OrganizationList);


self.Organization = ko.observable(CompanyRegisterModel.Organization).extend({
required: { message: GetAlertMessage("CompanyRegister_Empty_Organization") }
});

// self.EntityTypeID = ko.observable(CompanyRegisterModel.EntityTypeID).extend({
// required: { message: GetAlertMessage("CompanyRegister_Empty_CompanySize") }
// });

self.EntityTypeID = ko.observable(CompanyRegisterModel.EntityTypeID);

self.haschecked = ko.observable(false);
self.ReferenceId = ko.observable(CompanyRegisterModel.ReferenceId);
self.errors = ko.validation.group(self);

self.btnRegister = function () {
var hidReferenceId = 0;
if ($.trim($("#hidReferenceId").val()) != "")
hidReferenceId = $.trim($("#hidReferenceId").val());
self.ReferenceId(hidReferenceId);
if (self.Organization()!=undefined && self.Organization() != 2) {
if ($.trim($("#spnEntityStatus").text()) == "") {
ShowAlertMessage('CompanyRegister_Empty_CompanySize');
if (self.errors().length != 0) {
self.errors.showAllMessages();
$(".ErrorControl:first").focus();
}
return false;
}
else {
self.SaveModel(false);
}
}
else {
self.SaveModel(false);
}
};


self.SaveModel = function () {
self.ReferenceId($("#hidReferenceId").val());
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if (self.errors().length != 0) {
self.errors.showAllMessages();
$(".ErrorControl:first").focus();
return false;
}
$("#btnRegister").prop("disabled", "true");
ShowLoadingMessage();
$.ajax({
type: "POST",
url: RootURL + "Customer/SaveRegister",
data: ko.toJSON(self),
contentType: 'application/json',
success: function (data) {
if (data.Success == 0) {
// ShowSuccessMessage("CompanyRegister_Save");
// window.location = RootURL + 'Customer/Default';
// setTimeout(redirect, 15000);
window.location = RootURL + 'Common/ReSendVerification?UserId= ' + data.ReturnURL + '&Status=1';


} else if (data.Success == "MailExists") {
ShowErrorMessage("User_Email_Exists");
}
else {
ShowErrorMessage("User_CompName_Exists");
}

},
error: function (xhr, ajaxOptions, thrownError) {
RedirectOnSessionTimeout(xhr.status);
}
});
};
}
function redirect()
{
window.location = RootURL + 'customer/login';
}
var objViewModel = null;
BindRegisterModel = function () {
var hidReferenceId = 0;
if ($.trim($("#hidReferenceId").val()) != "")
hidReferenceId = $.trim($("#hidReferenceId").val());
$.ajax({
type: "POST",
url: RootURL + "Customer/GetRegister",
data: "{'ReferenceId':'" + hidReferenceId + "' }",
contentType: 'application/json',
success: function (data) {
objViewModel = new RegisterModel(data);
ko.applyBindings(objViewModel, document.getElementById("divCustomerRegister"));
ko.applyBindings(objViewModel, document.getElementById("divRegisters"));
objViewModel.errors.showAllMessages(false);
},
error: function (xhr, ajaxOptions, thrownError) {
RedirectOnSessionTimeout(xhr.status);
}
});
}

$(document).ready(function () {
$("#spnEntityStatus").text("");
$("#spnEntityStatus").css("display", "none");
BindRegisterModel();

$('#btnRegister').attr('disabled', 'none');
$('#chkagress').click(function () {
if ($('#chkagress').is(':checked')) {

$('#btnRegister').removeAttr("disabled");
}
else {
$('#btnRegister').attr('disabled', 'none');
}
});



$('#divCustomerRegister').keypress(function (e) {
if (e.which == 13) {
if ($.browser.msie)
objViewModel.SaveModel();
}
});

$("#txtRegPassword").keypress(function () {
if ($(".passStrengthify").length == 0) {
$("#txtRegPassword").passStrengthify();
}
});
$("#txtRegPassword").focusout(function () {
$(".passStrengthify").remove();
});
// $('#txtPassword').passStrengthify();
// $('#txtPassword').keyup(function () {
// $('#result').html(passwordStrength($('#txtPassword').val()));
// });

});

function Clear() {
}

function fnValidatePwd(password) {
var filter1 = /[a-z]/g;
var filter2 = /[A-Z]/g;
var filter3 = /[@$#!&]/g;
var filter4 = /[0-9]/g;
// if (password.match(filter1) && password.match(filter2) && password.match(filter3) && password.match(filter4)) {
if ((password.match(filter1) || password.match(filter2)) && password.match(filter4) && password.length >=5) {
return true;
}
else {
return false;
}
}

function ShowEntityStatus() {
$("#divNewEntityStatus").dialog({
modal: true,
position: 'center',
width: '980px'
});
$("#divNewEntityStatus").dialog("open");
$("#divNewEntityStatusInner").scrollTop(0);
}
function HideEntityStatus() {
// $("#popDarkScreen").hide();
// $("#divNewEntityStatus").hide();
$("#divNewEntityStatus").dialog("close");
}

function SaveEntityStatus() {
var drpEntityStatus = $("#drpCompany :selected").text();
if (drpEntityStatus != "-Select-") {
$("#spnEntityStatus").text("(" + drpEntityStatus + ")");
$("#spnEntityStatus").css("display", "");
// $("#popDarkScreen").hide();
// $("#divNewEntityStatus").hide();
$("#divNewEntityStatus").dialog("close");
}
else {
ShowAlertMessage('CompanyRegister_Empty_CompanySize');
return false;
}
}
function ShowTermsandConditions() {
$("#divTermsAndConditions").dialog({
modal: true,
position: 'center',
width: '980px'
});
$("#divTermsAndConditions").dialog("open");
}