85 lines
3.0 KiB
HTML
85 lines
3.0 KiB
HTML
<script>
|
|
function checkEMail(theEmailAddress){
|
|
var def = new $.Deferred()
|
|
|
|
var patternMatch=(/^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/.test(theEmailAddress));
|
|
if (patternMatch ) {
|
|
$.ajax({
|
|
type:"GET",
|
|
url:"/checkMail.php",
|
|
dataType:"json",
|
|
contentType:"application/json",
|
|
data: { "mailAddress" : theEmailAddress},
|
|
success:function(msg,jqXHR,status) {
|
|
console.log("send-success method mailcheck ",msg,jqXHR,status);
|
|
if (msg.status === "ok") {
|
|
def.resolve();
|
|
} else {
|
|
def.reject(msg);
|
|
}
|
|
},
|
|
error:function(jqXHR,status,error){
|
|
console.log("send-error method mailcheck ",jqXHR,status,error);
|
|
def.resolve(jqXHR); // in case the server is not reachable I resolve it... not optimal but better than locking out clients.
|
|
}
|
|
});
|
|
} else {
|
|
def.reject({status:'err', error:'pattern not matching e-mail format.'});
|
|
}
|
|
return def.promise();
|
|
}
|
|
|
|
function nextHandler(){
|
|
$("#checkEMail").removeClass("hide");
|
|
$("#alertInvalidEMail").addClass("hide");
|
|
checkEMail($($('[name="email"]')[0]).val()).then(function(){
|
|
$("#checkEMail").addClass("hide");
|
|
window.location="#Sell/page2/";
|
|
}).fail(function(data){
|
|
if (ibuyproperties.isDebugMode) { console.log("EMail Wrong"); }
|
|
$("#alertInvalidEMailError").text(data.error);
|
|
$("#checkEMail").addClass("hide");
|
|
$("#alertInvalidEMail").removeClass("hide");
|
|
console.error("E-Mail check error",data)
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<h3>About you</h3>
|
|
<div id="checkEMail" class="alert alert-success hide" role="alert">
|
|
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
|
|
Checking the validity of the supplied EMail address...
|
|
</div>
|
|
|
|
<div id="alertInvalidEMail" class="alert alert-danger hide" role="alert">
|
|
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
|
|
A valid email address is required. Error-Description: <span id="alertInvalidEMailError"></span>
|
|
</div>
|
|
<div class="input-group" style="width:100%">
|
|
<span class="input-group-addon fixWidth1 fieldLabel" >First Name</span>
|
|
<input type="text" name="firstName" class="form-control"/>
|
|
</div>
|
|
<div class="input-group" style="width:100%">
|
|
<span class="input-group-addon fixWidth1 fieldLabel">Last Name</span>
|
|
<input type="text" name="LastName" class="form-control"/>
|
|
</div>
|
|
<div class="input-group">
|
|
<span class="input-group-addon fixWidth1 fieldLabel">EMail</span>
|
|
<input type="email" name="email" class="form-control"/>
|
|
<span class="input-group-addon fieldLabel">
|
|
Preferred <input type="checkbox" name="prefEmail"/>
|
|
</span>
|
|
</div>
|
|
<div class="input-group">
|
|
<span class="input-group-addon fixWidth1 fieldLabel" >Phone</span>
|
|
<input type="text" name="phone" class="form-control"/>
|
|
<span class="input-group-addon fieldLabel">
|
|
Preferred <input type="checkbox" name="prefPhone" />
|
|
</span>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<button class="btn btn-success" onclick="nextHandler()">Next</button>
|
|
|