You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
851 lines
55 KiB
851 lines
55 KiB
<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Manage.aspx.cs" Inherits="Swift.web.Remit.Administration.customerSetup.Manage" %>
|
|
|
|
<%@ Register Src="../../../Component/AutoComplete/SwiftTextBox.ascx" TagName="SwiftTextBox" TagPrefix="uc1" %>
|
|
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head id="Head1" runat="server">
|
|
<title>Customer Operation</title>
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/css/intlTelInput.css" />
|
|
<link href="/ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="/ui/css/style.css" type="text/css" rel="stylesheet" />
|
|
<link href="/ui/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
|
|
<link href="/js/jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
|
|
<%--<script src="../../../js/jQuery/jquery-3.1.1.min.js"></script>--%>
|
|
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
|
|
<%--<script src="/ui/bootstrap/js/bootstrap.min.js"></script>--%>
|
|
<script src="../../../js/popper/popper.min.js"></script>
|
|
<script src="../../../js/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="/js/functions.js" type="text/javascript"></script>
|
|
<script src="/ui/js/jquery-ui.min.js"></script>
|
|
<script src="/js/swift_calendar.js" type="text/javascript"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js" type="text/javascript"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/js/intlTelInput.min.js"></script>
|
|
<script src="/ui/js/Editable/jquery-editable-select.min.js"></script>
|
|
<link href="/ui/js/Editable/jquery-editable-select.min.css" rel="stylesheet" />
|
|
<script>
|
|
|
|
$(document).ready(function () {
|
|
<%-- $("#<%=verificationTypeNo.ClientID%>").on("change", function () {
|
|
var idtype = $("#<%=idType.ClientID%>").val();
|
|
if (idtype.split('|')[0] == 11168 && idtype != '') {
|
|
var idNumber = $("#<%=verificationTypeNo.ClientID%>").val();
|
|
var idNUmberRegex = '^[A-Za-z]{2}[0-9]{8}[A-Za-z]{2}';
|
|
var matchedOrNOt = idNumber.match(idNUmberRegex);
|
|
if (matchedOrNOt != null && idNumber.length == 12) {
|
|
return true;
|
|
} else {
|
|
$("#<%=verificationTypeNo.ClientID%>").val('');
|
|
alert("Please enter proper Id Number format!!!!");
|
|
return false;
|
|
}
|
|
}
|
|
});--%>
|
|
$("#<%=zipCode.ClientID%>").keyup(function () {
|
|
var len = $(this).val().length;
|
|
if (len == '7') {
|
|
GetAddressByZipCode();
|
|
}
|
|
});
|
|
$("#<%=idType.ClientID%>").on("change", function () {
|
|
$("#<%=verificationTypeNo.ClientID%>").val('');
|
|
var idTypeValue = $("#<%=idType.ClientID%>").val().split('|')[0];
|
|
//if idType is other hide verification textbox and show other verification textbox
|
|
if (idTypeValue == '11402') {
|
|
$("#<%=otherVerificationTypeNo.ClientID%>").addClass("required");
|
|
$("#otherVerificationTypeDiv").show();
|
|
|
|
} else {
|
|
$("#<%=otherVerificationTypeNo.ClientID%>").removeClass("required");
|
|
$("#otherVerificationTypeDiv").hide();
|
|
}
|
|
});
|
|
|
|
|
|
// mobile country code added
|
|
$("#<%=mobile.ClientID%>").intlTelInput({
|
|
nationalMode: true,
|
|
onlyCountries: ["gp"],
|
|
//onlyCountries: ["az", "bd", "by", "ge", "kz", "kg", "mm", "md", "my", "ph", "lk", "th", "in", "ru", "tj", "uz", "cn", "sg", "id", "pk", "np", "vn", "kh", "mn"],
|
|
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/js/utils.js" // just for formatting/placeholders etc
|
|
});
|
|
|
|
$("#<%=mobile.ClientID%>").on("change", function () {
|
|
debugger
|
|
var input = $("#<%=mobile.ClientID%>");
|
|
var countryCode = $('.dial-code').text();
|
|
var mobileNo = input.val();
|
|
var maxLength = input.attr('maxLength');
|
|
if (mobileNo.indexOf(countryCode) < 0) {
|
|
mobileNo = countryCode + mobileNo;
|
|
}
|
|
if (mobileNo.length > maxLength) {
|
|
alert('Mobile No. Can allow input maxmum ' + maxLength + ' digit only');
|
|
return $(this).val('');
|
|
}
|
|
$(this).val(mobileNo);
|
|
CheckForMobileNumber(this, 'Mobile No.');
|
|
});
|
|
|
|
$('#countryList').on('change', function () {
|
|
$("#mobile").val('');
|
|
var country = $("#countryList option:selected").text();
|
|
if (country.toLowerCase() == 'japan') {
|
|
$("#mobile").intlTelInput('setCountry', 'jp');
|
|
}
|
|
if (country.toLowerCase() == 'costa rica') {
|
|
$("#mobile").intlTelInput('setCountry', 'cr');
|
|
}
|
|
});
|
|
|
|
function LoadCalendars() {
|
|
CalTillToday("#<%=txtDateOfIncorporation.ClientID%>");
|
|
CalIDIssueDate("#<%=IssueDate.ClientID%>");
|
|
CalSenderDOB("#<%=dob.ClientID%>");
|
|
CalFromToday("#<%=ExpireDate.ClientID%>");
|
|
$('.date-field').mask('0000-00-00');
|
|
}
|
|
LoadCalendars();
|
|
|
|
$("#<% =VerificationDoc1.ClientID %>").change(function () {
|
|
readURL(this, "verfDoc1");
|
|
});
|
|
|
|
$("#<% =VerificationDoc2.ClientID%>").change(function () {
|
|
readURL(this, "verfDoc2");
|
|
});
|
|
$("#<% =VerificationDoc3.ClientID%>").change(function () {
|
|
readURL(this, "verfDoc3");
|
|
});
|
|
$("#<% =VerificationDoc4.ClientID%>").change(function () {
|
|
readURL(this, "verfDoc4");
|
|
});
|
|
ChangeOrganisationType();
|
|
IdTypeValidity();
|
|
});
|
|
SetMobileNoWithCOuntryCode();
|
|
function SetMobileNoWithCOuntryCode() {
|
|
<%--var input = $("#<%=mobile.ClientID%>");
|
|
var intlNumber = input.intlTelInput("getNumber", intlTelInputUtils.numberFormat.E164);
|
|
$("#<%=mobile.ClientID%>").val(intlNumber);--%>
|
|
$("#mobile").val('');
|
|
$("#mobile").intlTelInput('setCountry', 'jp');
|
|
}
|
|
|
|
function IdTypeValidity() {
|
|
var senIdType = $("#idType").val();
|
|
if (senIdType == "") {
|
|
$("#expiryDiv").show();
|
|
}
|
|
else {
|
|
var senIdTypeArr = senIdType.split('|');
|
|
if (senIdTypeArr[2] == "E") {
|
|
$("#expiryDiv").removeClass("hidden");
|
|
$("#expireRequired").show();
|
|
$("#ExpireDate").attr("class", "required form-control");
|
|
}
|
|
else {
|
|
$("#expiryDiv").addClass("hidden");
|
|
$("#ExpireDate").attr("class", "form-control");
|
|
}
|
|
}
|
|
}
|
|
function CheckForMobileNumber(nField, fieldName) {
|
|
var numberPattern = /^[+]?[0-9]{6,16}$/;
|
|
test = numberPattern.test(nField.value);
|
|
if (!test) {
|
|
alert(fieldName + ' Is Not Valid !');
|
|
nField.value = '';
|
|
return false
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function ChangeOrganisationType() {
|
|
var customerType = $("#<% =ddlCustomerType.ClientID%>").val();
|
|
var clearInputFields = [];
|
|
|
|
if (customerType === '4701') {
|
|
$('.usedForOrganisation').show();
|
|
$('.hideForOrganisation').hide();
|
|
clearInputFields = ['.clearOnOrganisation'];
|
|
} else {
|
|
$('.usedForOrganisation').hide();
|
|
$('.hideForOrganisation').show();
|
|
clearInputFields = ['.clearOnIndividual'];
|
|
}
|
|
|
|
clearInputFields.forEach(function (item) {
|
|
$(item).val('');
|
|
});
|
|
}
|
|
|
|
function CheckFormValidation() {
|
|
var reqField = "";
|
|
var val = $("#<% =hdnCustomerId.ClientID%>").val();
|
|
var customerType = $("#<% =ddlCustomerType.ClientID%>").val();
|
|
if (customerType === '4701') {
|
|
reqField = "txtCompanyName,txtRegistrationNo,txtNameofAuthoPerson,nativeCountry,countryList,city,ddlState,ddlPosition,zipCode,idType,verificationTypeNo,IssueDate,";
|
|
} else {
|
|
if (val !== "") {
|
|
reqField = "firstName,lastName,countryList,city,nativeCountry,ddlState,genderList,ddlVisaStatus,ddlEmployeeBusType,verificationTypeNo,zipCode,idType,verificationTypeNo,occupation,IssueDate,dob,";
|
|
} else {
|
|
reqField = "firstName,lastName,countryList,city,nativeCountry,ddlState,genderList,ddlVisaStatus,ddlEmployeeBusType,verificationTypeNo,zipCode,idType,verificationTypeNo,occupation,IssueDate,dob,";
|
|
}
|
|
}
|
|
if (!$('#expiryDiv').hasClass("hidden")) {
|
|
reqField = reqField + "ExpireDate,"
|
|
}
|
|
ChangeOrganisationType();
|
|
if (ValidRequiredField(reqField) === false) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function loadImage(filePath, id) {
|
|
$('#' + id).attr('src', path);
|
|
}
|
|
|
|
function readURL(input, id) {
|
|
if (input.files && input.files[0]) {
|
|
var reader = new FileReader();
|
|
reader.onload = function (e) {
|
|
$('#' + id).attr('src', e.target.result);
|
|
}
|
|
reader.readAsDataURL(input.files[0]);
|
|
}
|
|
}
|
|
|
|
function showImage(param) {
|
|
var imgSrc = $(param).attr("src");
|
|
OpenInNewWindow(imgSrc);
|
|
};
|
|
function ManageDivs() {
|
|
if ($('#idType').val() == '8008') {
|
|
$('#expiryDiv').hide();
|
|
}
|
|
else {
|
|
$('#expiryDiv').show();
|
|
}
|
|
$("#ExpireDate").val('');
|
|
IdTypeValidity();
|
|
}
|
|
function CheckCustomerId() {
|
|
customerId = $("#<%=hdnCustomerId.ClientID%>").val();
|
|
if (customerId !== null && customerId !== "") {
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
function GetAddressByZipCode() {
|
|
var zipCodeValue = $("#<%=zipCode.ClientID%>").val();
|
|
$("#txtState").val('');
|
|
$("#<%=txtStreet.ClientID%>").val('');
|
|
$("#<%=city.ClientID%>").val('');
|
|
$("#<%=txtsenderCityjapan.ClientID%>").val('');
|
|
$("#<%=txtstreetJapanese.ClientID%>").val('');
|
|
var zipCodePattern = /^\d{7}?$/;
|
|
test = zipCodePattern.test(zipCodeValue);
|
|
if (!test) {
|
|
$("#<%=zipCode.ClientID%>").val('');
|
|
$("#<%=zipCode.ClientID%>").focus();
|
|
$("#<%=zipCode.ClientID%>").attr("style", "display:block; background:#FFCCD2");
|
|
return alert("Please Enter Valid Zip Code(XXXXXXX)");
|
|
}
|
|
var dataToSend = { MethodName: 'GetAddressDetailsByZipCode', zipCode: zipCodeValue };
|
|
$.post('/AgentNew/Administration/CustomerSetup/CustomerRegistration/Manage.aspx', dataToSend, function (erd) {
|
|
if (erd !== null) {
|
|
var dr = jQuery.parseJSON(erd);
|
|
if (erd == false) {
|
|
$("#<%=ddlState.ClientID%>").val('');
|
|
$("#<%=txtStreet.ClientID%>").val('');
|
|
$("#<%=city.ClientID%>").val('');
|
|
$("#<%=zipCode.ClientID%>").focus();
|
|
$("#<%=zipCode.ClientID%>").attr("style", "display:block; background:#FFCCD2");
|
|
return alert("Please Enter Valid Zip Code(XXXXXXX)");
|
|
}
|
|
|
|
//$("#tempAddress").html(erd);
|
|
if (dr[0].errorCode == '0') {
|
|
$("#<%=ddlState.ClientID%>").val(dr[0].STATE_ID);
|
|
$("#<%=txtStreet.ClientID%>").val(dr[0].STREET_NAME);
|
|
$("#<%=city.ClientID%>").val(dr[0].CITY_NAME);
|
|
PopulateAreaDDL(dr);
|
|
}
|
|
else {
|
|
$("#<%=ddlState.ClientID%>").val('');
|
|
$("#<%=txtStreet.ClientID%>").val('');
|
|
$("#<%=city.ClientID%>").val('');
|
|
$("#<%=zipCode.ClientID%>").focus();
|
|
$("#<%=zipCode.ClientID%>").attr("style", "display:block; background:#FFCCD2");
|
|
return alert("Please Enter Valid Zip Code(XXXXXXX)");
|
|
}
|
|
}
|
|
}).fail(function () {
|
|
alert('Oops!!! something went wrong, please try again.');
|
|
}).done(function () {
|
|
|
|
if ($("#<%=txtStreet.ClientID%>").next('ul').hasClass('es-list')) {
|
|
alert('Approve Manage');
|
|
} else {
|
|
$("#<%=txtStreet.ClientID%>").editableSelect({
|
|
effects: 'slide',
|
|
duration: 200
|
|
});
|
|
}
|
|
});
|
|
}
|
|
function PopulateAreaDDL(data, selectedValue) {
|
|
|
|
var editable = $("#<%=txtStreet.ClientID%>").next('ul').hasClass('es-list');
|
|
var option, selValue = '';
|
|
|
|
if (selectedValue) {
|
|
selValue = selectedValue;
|
|
}
|
|
|
|
if (editable) {
|
|
|
|
$(".es-list").empty();
|
|
if (data.length > 1) {
|
|
$(".es-list").append('<li class="es-visible">Select Area</li>');
|
|
}
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
|
if (selValue.toString() === data[i].ROW_ID) {
|
|
option = '<li value=' + data[i].ROW_ID + ' class="es-visible selected ">' + data[i].STREET_NAME + '</li>';
|
|
}
|
|
else
|
|
option = '<li value=' + data[i].ROW_ID + ' class="es-visible" ">' + data[i].STREET_NAME + '</li>';
|
|
|
|
try {
|
|
$(".es-list").append(option);
|
|
}
|
|
catch (e) {
|
|
alert(e);
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
|
|
var ddl = document.getElementById("txtStreet");
|
|
$(ddl).empty();
|
|
|
|
if (data.length > 1) {
|
|
option = document.createElement("option");
|
|
option.text = 'Select Area';
|
|
option.value = '';
|
|
ddl.options.add(option);
|
|
}
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
option = document.createElement("option");
|
|
option.text = data[i].STREET_NAME;
|
|
option.value = data[i].ROW_ID;
|
|
|
|
if (selValue.toString() === option.value) {
|
|
option.selected = true;
|
|
}
|
|
|
|
try {
|
|
ddl.options.add(option);
|
|
}
|
|
catch (e) {
|
|
alert(e);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
function ShowIdTypeInfo() {
|
|
var idInfo = $('#idType').val();
|
|
if (idInfo == '' || idInfo == null) {
|
|
alert('Please select id type first!')
|
|
}
|
|
else {
|
|
alert(idInfo.split("|")[1]);
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
.intl-tel-input {
|
|
width: 100% !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<form id="form1" runat="server">
|
|
<asp:ScriptManager runat="server" ID="sm1"></asp:ScriptManager>
|
|
<div class="page-wrapper">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="page-title">
|
|
<h1></h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="../../../Front.aspx" target="mainFrame"><i class="fa fa-home"></i></a></li>
|
|
<li><a href="#" onclick="return LoadModule('account')">Online Agent</a></li>
|
|
<li><a href="#" onclick="return LoadModule('account')">Customer Registration</a></li>
|
|
<li class="active"><a href="Manage.aspx?customerId=<%=hdnCustomerId.Value %>">Manage</a></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="report-tab" runat="server" id="regUp">
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation"><a href="List.aspx">Customer List</a></li>
|
|
<li role="presentation" class="active"><a href="Manage.aspx">Customer Operation</a></li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane" id="List">
|
|
</div>
|
|
<div role="tabpanel" id="Manage">
|
|
<div class="">
|
|
<div class="register-form">
|
|
<div class="panel panel-default clearfix m-b-20">
|
|
<div class="panel-heading">Customer Information</div>
|
|
<div class="panel-body">
|
|
<div class="col-md-12" id="msgDiv" runat="server" visible="false" style="background-color: red;">
|
|
<asp:Label ID="msgLabel" runat="server" ForeColor="White"></asp:Label>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Customer Type:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="ddlCustomerType" onchange="ChangeOrganisationType(this)" name="customerList" CssClass="form-control">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4 col-xs-12" id="membershipDiv" runat="server" visible="false">
|
|
<div class="form-group">
|
|
<label>Membership No:</label>
|
|
<asp:TextBox ID="txtMembershipId" runat="server" CssClass="form-control" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4 col-xs-12" hidden>
|
|
<div class="form-group">
|
|
<label>Confirm E-Mail ID:<span class="errormsg">*</span></label>
|
|
<asp:TextBox ID="emailConfirm" runat="server" placeholder="Confirm Email" data-match="#email" CssClass="form-control clearOnIndividual" />
|
|
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" Display="Dynamic"
|
|
ErrorMessage="Invalid Email Id!" ForeColor="Red" SetFocusOnError="True" ValidationGroup="send"
|
|
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" CssClass="inv"
|
|
ControlToValidate="emailConfirm"></asp:RegularExpressionValidator>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default clearfix m-b-20">
|
|
<div class="panel-heading">Personal Information</div>
|
|
<div class="panel-body">
|
|
<div class="usedForOrganisation" hidden>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Name of Company:<span class="errormsg">*</span></label>
|
|
<asp:TextBox ID="txtCompanyName" runat="server" placeholder="Name of Company" CssClass="form-control clearOnIndividual" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Company Reg. No:<span class="errormsg">*</span></label>
|
|
<asp:TextBox ID="txtRegistrationNo" runat="server" placeholder="Company Reg. No" CssClass="form-control clearOnIndividual" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Organization Type:<%--<span class="errormsg">*</span>--%></label>
|
|
<asp:DropDownList runat="server" ID="ddlOrganizationType" name="ddlOrganizationType" CssClass="form-control clearOnIndividual">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div id="Div1" runat="server" nowrap="nowrap" class="showHideIDExpDate">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Date Of Incorporation: <%--<span class="errormsg">*</span>--%></label>
|
|
<div class="form-inline">
|
|
<div class="input-group input-append date dpYears">
|
|
<asp:TextBox runat="server" ID="txtDateOfIncorporation" AutoComplete="off" placeholder="YYYY/MM/DD" onchange="return DateValidation('txtDateOfIncorporation')" MaxLength="10" CssClass="form-control date-field clearOnIndividual"></asp:TextBox>
|
|
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Nature Of Company:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="ddlnatureOfCompany" name="ddlnatureOfCompany" CssClass="form-control clearOnIndividual">
|
|
<asp:ListItem Text="Sole Proprietor" Value="Sole Proprietor"></asp:ListItem>
|
|
<asp:ListItem Text="Partnership" Value="Partnership"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12" hidden>
|
|
<div class="form-group">
|
|
<label>Bank Name :<span class="errormsg">*</span></label>
|
|
<asp:DropDownList ID="ddlBankName" runat="server" CssClass="form-control clearOnIndividual">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12" hidden>
|
|
<div class="form-group">
|
|
<label>Account Number:<span class="errormsg">*</span></label>
|
|
</div>
|
|
<div class="form-group">
|
|
<asp:TextBox ID="accountNumber" runat="server" CssClass="form-control clearOnIndividual"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Name Of Authorized Person:<span class="errormsg">*</span></label>
|
|
<asp:TextBox ID="txtNameofAuthoPerson" runat="server" CssClass="form-control clearOnIndividual"></asp:TextBox>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Position:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="ddlPosition" name="ddlnatureOfCompany" CssClass="form-control clearOnIndividual">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hideForOrganisation">
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>First Name:<span class="errormsg">*</span></label>
|
|
<asp:TextBox ID="firstName" runat="server" placeholder="First Name" CssClass="form-control clearOnOrganisation" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Middle Name:</label>
|
|
<asp:TextBox ID="middleName" runat="server" placeholder="Middle Name" CssClass="form-control clearOnOrganisation" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Last Name:<span class="errormsg">*</span></label>
|
|
<asp:TextBox ID="lastName" runat="server" placeholder="Last Name" CssClass="form-control clearOnOrganisation" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%--<div class="row"></div>--%>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Country:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="countryList" name="countryList" CssClass="form-control">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Zip Code:<span class="errormsg">*</span> </label>
|
|
<asp:TextBox ID="zipCode" runat="server" placeholder="XXXXXXX" MaxLength="7" CssClass="form-control" onchange="return GetAddressByZipCode();" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Prefecture:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="ddlState" CssClass="form-control">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>City/Ward:<span class="errormsg">*</span></label>
|
|
<asp:TextBox ID="city" runat="server" placeholder="City" CssClass="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Town Area:</label>
|
|
<asp:DropDownList ID="txtStreet" runat="server" placeholder="Street" CssClass="form-control" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-4">
|
|
<div class="form-group">
|
|
<label>Additional Address:<span class="errormsg">*</span> </label>
|
|
<asp:TextBox ID="txtAdditionalAddress" runat="server" placeholder="Additional address" CssClass="form-control required" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 " style="display: none">
|
|
<div class="form-group">
|
|
<label>Sender City-Japan:</label>
|
|
<asp:TextBox ID="txtsenderCityjapan" runat="server" placeholder="Sender City Japan" CssClass="form-control clearOnOrganisation" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 " style="display: none">
|
|
<div class="form-group">
|
|
<label>Street[Japanese]:</label>
|
|
<asp:TextBox ID="txtstreetJapanese" runat="server" placeholder="Street[Japanese]" CssClass="form-control clearOnOrganisation" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Gender:<span class="errormsg">*</span> </label>
|
|
<asp:DropDownList runat="server" ID="genderList" name="genderList" CssClass="form-control clearOnOrganisation">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Native Country:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="nativeCountry" CssClass="form-control"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div id="tdSenExpDateTxt" runat="server" nowrap="nowrap" class="showHideIDExpDate">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Date of Birth:<span class="errormsg">*</span></label>
|
|
<div class="form-inline">
|
|
<div class="input-group input-append date dpYears">
|
|
<asp:TextBox runat="server" ID="dob" placeholder="YYYY/MM/DD" onchange="return DateValidation('dob','dobnew')" MaxLength="10" AutoComplete="off" CssClass="form-control date-field clearOnOrganisation"></asp:TextBox>
|
|
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>E-Mail ID:</label>
|
|
<asp:TextBox ID="email" runat="server" placeholder="Email" CssClass="form-control" />
|
|
<asp:RegularExpressionValidator ID="rev1" runat="server" Display="Dynamic"
|
|
ErrorMessage="Invalid Email Id!" ForeColor="Red" SetFocusOnError="True" ValidationGroup="send"
|
|
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" CssClass="inv"
|
|
ControlToValidate="email"></asp:RegularExpressionValidator>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12" hidden>
|
|
<div class="form-group">
|
|
<label>Address:</label>
|
|
<asp:TextBox ID="addressLine1" runat="server" placeholder="Address" CssClass="form-control" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Telephone No.:</label>
|
|
<asp:TextBox ID="phoneNumber" runat="server" placeholder="Phone Number" MaxLength="15" CssClass="form-control" onchange="CheckForMobileNumber(this, 'Phone No.');" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group" style="overflow: initial;">
|
|
<label>Mobile No.: <span class="errormsg">*</span></label><br />
|
|
<asp:TextBox runat="server" MaxLength="16" ID="mobile" placeholder="Mobile No" CssClass="form-control" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Visa Status<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="ddlVisaStatus" name="genderList" CssClass="form-control clearOnOrganisation">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Employment Business Type:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="ddlEmployeeBusType" name="genderList" CssClass="form-control clearOnOrganisation">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Name of Employeer:</label>
|
|
<asp:TextBox runat="server" ID="txtNameofEmployeer" placeholder="Name Of Employeer" CssClass="form-control clearOnOrganisation" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation" style="display: none">
|
|
<div class="form-group">
|
|
<label>SSN No:</label>
|
|
<asp:TextBox runat="server" ID="txtSSnNo" placeholder="SSN No" CssClass="form-control clearOnOrganisation" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Occupation:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="occupation" CssClass="form-control clearOnOrganisation"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12" style="display: none">
|
|
<div class="form-group">
|
|
<label>Source of Fund:</label>
|
|
<asp:DropDownList runat="server" ID="ddSourceOfFound" CssClass="form-control clearOnOrganisation"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Monthly Income:</label>
|
|
<asp:TextBox ID="ddlSalary" runat="server" CssClass="form-control clearOnOrganisation"></asp:TextBox>
|
|
<%-- <asp:DropDownList ID="ddlSalary" runat="server" CssClass="form-control clearOnOrganisation">
|
|
<asp:ListItem>Select</asp:ListItem>
|
|
<asp:ListItem>JPY 0 - JPY1,700,000</asp:ListItem>
|
|
<asp:ListItem>JPY1,700,000 - JPY3,400,000</asp:ListItem>
|
|
<asp:ListItem>JPY3,400,000 - JPY6,800,000</asp:ListItem>
|
|
<asp:ListItem>JPY6,800,000 - JPY13,000,000</asp:ListItem>
|
|
<asp:ListItem>Above JPY13,000,000</asp:ListItem>
|
|
</asp:DropDownList>--%>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default clearfix m-b-20">
|
|
<div class="panel-heading">Security Information</div>
|
|
<div class="panel-body">
|
|
<div style="margin-left: 15px">
|
|
<div class="row">
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Verification Id Type:<span class="errormsg">*</span></label>
|
|
<asp:DropDownList runat="server" ID="idType" CssClass="form-control" onchange="ManageDivs();"></asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12" runat="server" id="otherVerificationTypeDiv">
|
|
<div class="form-group">
|
|
<label id="otherVerificationType">Other Verification Id Type:<span class="errormsg">*</span></label>
|
|
<div class="input-group input-append date dpYears">
|
|
<asp:TextBox ID="otherVerificationTypeNo" runat="server" placeholder="Other Verification Type Number" MaxLength="14" CssClass="form-control required" />
|
|
<div class="input-group-addon" onclick="ShowIdTypeInfo();"><i class="fa fa-info"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12" id="verificationTypeDiv">
|
|
<div class="form-group">
|
|
<label id="verificationType">Verification Type No.:<span class="errormsg">*</span></label>
|
|
<div class="input-group input-append date dpYears">
|
|
<asp:TextBox ID="verificationTypeNo" runat="server" placeholder="Verification Type Number" onchange="CheckRequiredOrNot()" MaxLength="14" CssClass="form-control required" />
|
|
<div class="input-group-addon" onclick="ShowIdTypeInfo();"><i class="fa fa-info"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4 col-xs-12">
|
|
<div class="form-group">
|
|
<label>Issue Date:<span class="errormsg">*</span></label>
|
|
<div class="form-inline">
|
|
<div class="input-group input-append date">
|
|
<asp:TextBox runat="server" ID="IssueDate" onchange="return DateValidation('IssueDate','i')" MaxLength="10" AutoComplete="off" placeholder="YYYY/MM/DD" CssClass="form-control date-field"></asp:TextBox>
|
|
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12" id="expiryDiv" runat="server">
|
|
<div class="form-group">
|
|
<label>Valid Date:<span class="errormsg" id="expireRequired">*</span></label>
|
|
<div class="form-inline">
|
|
<div class="input-group input-append date">
|
|
<asp:TextBox runat="server" ID="ExpireDate" onchange="return DateValidation('ExpireDate')" MaxLength="10" AutoComplete="off" placeholder="YYYY/MM/DD" CssClass="form-control date-field"></asp:TextBox>
|
|
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Remitance Allowed:<span class="errormsg">*</span></label>
|
|
<asp:RadioButtonList ID="rbRemitanceAllowed" runat="server" CssClass="clearOnOrganisation"
|
|
RepeatDirection="Horizontal" RepeatLayout="Table">
|
|
<asp:ListItem Text="Enabled" Value="Enabled" Selected="True" />
|
|
<asp:ListItem Text="Disabled" Value="Disabled" />
|
|
</asp:RadioButtonList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Online Login Allowed:<span class="errormsg">*</span></label>
|
|
<asp:RadioButtonList ID="rbOnlineLogin" runat="server" CssClass="clearOnOrganisation"
|
|
RepeatDirection="Horizontal">
|
|
<asp:ListItem Text="Enabled" Value="Enabled" Selected="True" />
|
|
<asp:ListItem Text="Disabled" Value="Disabled" />
|
|
</asp:RadioButtonList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-xs-12 hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Mobile Login Allowed:<span class="errormsg">*</span></label>
|
|
<asp:RadioButtonList ID="rbMobileLogin" runat="server" CssClass="clearOnOrganisation"
|
|
RepeatDirection="Horizontal">
|
|
<asp:ListItem Text="Enabled" Value="Enabled" Selected="True" />
|
|
<asp:ListItem Text="Disabled" Value="Disabled" />
|
|
</asp:RadioButtonList>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hideForOrganisation">
|
|
<div class="form-group">
|
|
<label>Remarks:</label>
|
|
<asp:TextBox runat="server" ID="txtRemarks" TextMode="MultiLine" placeholder="Remarks" CssClass="form-control clearOnOrganisation" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="" runat="server">
|
|
<div class="form-group">
|
|
<asp:Button ID="register" runat="server" CssClass="btn btn-primary m-t-25" Text="Submit" OnClientClick="return CheckFormValidation()" OnClick="register_Click" />
|
|
</div>
|
|
</div>
|
|
<div id="showOnEdit" runat="server" visible="false">
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label>National/Alien Reg ID Front:<%--<span class="errormsg">*</span>--%></label>
|
|
<asp:FileUpload ID="VerificationDoc1" runat="server" CssClass="form-control" />
|
|
<asp:Image runat="server" ID="verfDoc1" ImageUrl="noimage.jpg" Style="height: 120px; width: 120px; object-fit: contain;" onclick="showImage(this);" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label>National/Alien Reg ID Back:</label>
|
|
<asp:FileUpload ID="VerificationDoc2" runat="server" CssClass="form-control" />
|
|
<asp:Image runat="server" ID="verfDoc2" ImageUrl="noimage.jpg" Style="height: 120px; width: 120px; object-fit: contain;" onclick="showImage(this);" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label>Passport (if available):</label>
|
|
<asp:FileUpload ID="VerificationDoc3" runat="server" CssClass="form-control" />
|
|
<asp:Image runat="server" ID="verfDoc3" ImageUrl="noimage.jpg" Style="height: 120px; width: 120px; object-fit: contain;" onclick="showImage(this);" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group">
|
|
<label>Passport (if available):</label>
|
|
<asp:FileUpload ID="VerificationDoc4" runat="server" CssClass="form-control" />
|
|
<asp:Image runat="server" ID="verfDoc4" ImageUrl="noimage.jpg" Style="height: 120px; width: 120px; object-fit: contain;" onclick="showImage(this);" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12" runat="server">
|
|
<div class="form-group">
|
|
<asp:Button ID="btnFileUpload" runat="server" CssClass="btn btn-primary m-t-25" Text="File Upload" OnClientClick="return CheckCustomerId()" OnClick="btnFileUpload_Click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="tempAddress" hidden></div>
|
|
<asp:HiddenField runat="server" ID="hdnVerifyDoc1" />
|
|
<asp:HiddenField runat="server" ID="hdnVerifyDoc2" />
|
|
<asp:HiddenField runat="server" ID="hdnVerifyDoc4" />
|
|
<asp:HiddenField runat="server" ID="hdnVerifyDoc3" />
|
|
<asp:HiddenField runat="server" ID="hdnCustomerId" />
|
|
<asp:HiddenField runat="server" ID="hddIdNumber" />
|
|
<asp:HiddenField runat="server" ID="hdnMembershipNo" />
|
|
<asp:HiddenField runat="server" ID="hddOldEmailValue" />
|
|
<asp:HiddenField runat="server" ID="hddTxnsMade" />
|
|
</div>
|
|
</form>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/js/intlTelInput.min.js"></script>
|
|
</body>
|
|
</html>
|