javascript - i have some validation on an email input with an ajax call the validation runs but not the call can any give some help as to why this is happening? -


this email input:

<div class="input-group emailinput" style="min-width:300px;max-width:637px;">     <input type="email" class="form-control input1" id="emailaddress" placeholder="email address">     <span class="input-group-btn">     <button class="btn btn-secondary input2" type="button" onclick="validate()" style="padding:0px;border:0px;"><div style="padding:7px; background-color:#ff2b68;color:white;">></div></button>     </span> </div>

the script:

function validateemail(email) {     var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-za-z\-0-9]+\.)+[a-za-z]{2,}))$/;         return re.test(email);     }      function validate()      {         $("#result").text("");          var email = $("#emailaddress").val();          if (validateemail(email)) {             $("#result").text(" email sent.");             $("#result").css("color", "green");             function validate()             {                 var settings = {                   "async": true,                   "crossdomain": true,                   "url": "https://mandrillapp.com/api/1.0/messages/send-template.json",                   "method": "post",                   "headers": {                     "content-type": "application/json"                   },                   "processdata": false,                   "data": "{\n  \"key\": \"key goes here\",\n\t\"message\":{\n\t\t\"subject\": \"test invitation\",\n\t\t\"from_email\": \"info@test.co.za\",\n\t\t\"from_name\": \"test group\",\n\t\t\"to\": [{\"email\": \"email.com\", \"name\": \"applicant\"}]\n\t},\n\t\"template_content\": \n\t[\n\t\t{\n\t\t\t\"name\": \"test\",\n\t\t\t\"content\": \"https://www.test.co.za/invite/\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"createaccount\",\n\t\t\t\"content\": \"test\" \n\t\t}\n\t],\n  \"template_name\": \"test-template\"\n}"                 }                 $.ajax(settings).done(function (response) {                   console.log(response);                 });             };          }else {             $("#result").text(" please enter valid email address.");             $("#result").css("color", "red");         }         return false;     }      $("form").bind("submit", validate);

you have wrong validate function declaration inside validate function. not need ajax call wrapped inside this. below code work fine.

var validate = function()      {         $("#result").text("");          var email = $("#emailaddress").val();          if (validateemail(email) == true) {             $("#result").text(" email sent.");             $("#result").css("color", "green");                   var settings = {                   "async": true,                   "crossdomain": true,                   "url": "https://mandrillapp.com/api/1.0/messages/send-template.json",                   "method": "post",                   "headers": {                     "content-type": "application/json"                   },                   "processdata": false,                   "data": "{\n  \"key\": \"key goes here\",\n\t\"message\":{\n\t\t\"subject\": \"test invitation\",\n\t\t\"from_email\": \"info@test.co.za\",\n\t\t\"from_name\": \"test group\",\n\t\t\"to\": [{\"email\": \"email.com\", \"name\": \"applicant\"}]\n\t},\n\t\"template_content\": \n\t[\n\t\t{\n\t\t\t\"name\": \"test\",\n\t\t\t\"content\": \"https://www.test.co.za/invite/\"\n\t\t},\n\t\t{\n\t\t\t\"name\": \"createaccount\",\n\t\t\t\"content\": \"test\" \n\t\t}\n\t],\n  \"template_name\": \"test-template\"\n}"                 }                 $.ajax(settings).done(function (response) {                   console.log(response);                 });           }else {             $("#result").text(" please enter valid email address.");             $("#result").css("color", "red");         }         return false;     }

p.s : such issues use develop console check whats ging on code. can put console.log("comment/object") check @ point code breaking.


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more