jQuery stops the page from loading

jQuery stops the page from loading

Hi,

Please see this link:


when you enter:

7841973xxxxxxxx

where xxxxxxxx is 8 any numbers

the page will stop loading the rest of the page

after the FounderEmiratesID I have more fields to show as you can see below:


  1. <!DOCTYPE html>
  2. <!--
  3. To change this license header, choose License Headers in Project Properties.
  4. To change this template file, choose Tools | Templates
  5. and open the template in the editor.
  6. -->
  7. <html dir="rtl" lang="ar">
  8.     <head>
  9.         <meta charset="UTF-8">
  10.         <title>جمعية الإمارات للمستثمرين المبادرين</title>
  11.         <link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet">
  12.         <link rel="shortcut icon" type="image/png" href="images/Logo.png"/>
  13.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14.         <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
  15.         <link href="https://www.angelsemirates.com/" rel="canonical" />
  16.         <meta name=”robots” content=”noindex, nofollow”>
  17.         
  18.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

  20.         <!-- Global site tag (gtag.js) - Google Analytics -->
  21.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-4REZTKSZ0Y"></script>
  22.         <script>
  23.           window.dataLayer = window.dataLayer || [];
  24.           function gtag(){dataLayer.push(arguments);}
  25.           gtag('js', new Date());

  27.           gtag('config', 'G-4REZTKSZ0Y');
  28.         </script>
  29.     </head>
  30.     <body style="margin: 20px; font-family: 'Cairo', sans-serif;">
  31.         <div id="DivEmiratesID" style="width: 80%; margin: 0 auto; padding: 20px;">
  32.             <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Microsoft_logo.svg/439px-Microsoft_logo.svg.png" alt="جمعية الإمارات للمستثمرين المبادرين" style="display: block; width: 200px; height: 200px; margin: 0 auto; text-align: center;" /><br />            <form>
  33.                 <label for="FullName" style="color: red;">رقم الهوية :</label><br />
  34.                 <input type="number" id="EmiratesID" name="EmiratesID" style="width: 100%;"><br /><br />
  35.                 
  36.                 <img id="ImageLoading" src="https://www.angelsemirates.com//images/loading.gif" alt="جمعية الإمارات للمستثمرين المبادرين" style="display: block; width: 60px; height: 60px; margin: 0 auto; text-align: center; display: none;" />
  37.                 <button id="ButtonContinue" name="ButtonContinue" type="button" style="width: 100%; font-family: 'Cairo', sans-serif;">متابعة</button><br /><br />
  38.             </form>
  39.         </div>

  41.         <div id="DivFounder" style="display: none;">
  42.             <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Microsoft_logo.svg/439px-Microsoft_logo.svg.png" alt="جمعية الإمارات للمستثمرين المبادرين" style="display: block; width: 200px; height: 200px; margin: 0 auto;" /><br />

  44.             <form>
  45.                 <label for="FullName" style="color: red;">الاسم الثلاثي :</label><br />
  46.                 <input type="text" name="FullName" style="width: 100%;"><br /><br />

  48.                 <label for="FullName" style="color: red;">تاريخ الميلاد :</label><br />
  49.                 <input type="date" name="fname" style="width: 100%;"><br /><br />

  51.                 <label for="FullName" style="color: red;">مكان الميلاد :</label><br />
  52.                 <input type="text" name="fname" style="width: 100%;"><br /><br />

  54.                 <label for="FullName" style="color: red;">الجنسية :</label><br />
  55.                 إماراتي<br /><br />
  56.                  
  57.                 <label for="FullName" style="color: red;">الإمارة :</label><br />
  58.                 
  59.                 <select  style="width: 100%;">
  60.                     <option value="02">أبوظبي</option>
  61.                     <option value="04">دبي</option>
  62.                     <option value="06A">الشارقة</option>
  63.                     <option value="06B">عجمان</option>
  64.                     <option value="06C">أم القيوين</option>
  65.                     <option value="07">رأس الخيمة</option>
  66.                     <option value="09">الفجيرة</option>
  67.                 </select>
  68.                 
  69.                 <br /><br />

  71.                 <label for="FullName" style="color: red;">الديانة :</label><br />
  72.                 مسلم<br /><br />

  74.                 <label for="FullName" style="color: red;">الحالة الاجتماعية :</label><br />
  75.                 
  76.                 <select  style="width: 100%;">
  77.                     <option value="S">أعزب</option>
  78.                     <option value="M">متزوج</option>
  79.                     <option value="D">مطلق</option>
  80.                     <option value="W">أرمل</option>
  81.                 </select>
  82.                 
  83.                 <br /><br />

  85.                 <label for="FullName" style="color: red;">مكان العمل :</label><br />
  86.                 <input type="text" name="FullName" style="width: 100%;"><br /><br />

  88.                 <label for="FullName" style="color: red;">المهنة :</label><br />
  89.                 <input type="text" name="FullName" style="width: 100%;"><br /><br />

  91.                 <label for="FullName" style="color: red;">الهاتف المتحرك :</label><br />
  92.                 <input type="number" name="fname" style="width: 100%;"><br /><br />

  94.                 <label for="FullName" style="color: red;">صندوق البريد :</label><br />
  95.                 <input type="number" name="fname" style="width: 100%;"><br /><br />

  97.                 <label for="FullName" style="color: red;">رقم الجواز :</label><br />
  98.                 <input type="number" name="fname" style="width: 100%;"><br /><br />
  99.                 
  100.                 <label for="FullName" style="color: red;">الرقم الموحد :</label><br />
  101.                 <input type="number" name="fname" style="width: 100%;"><br /><br />

  103.                 <label for="FullName" style="color: red;">رقم الهوية :</label><br />
  104.                 <label id="FounderEmiratesID" name="FounderEmiratesID" /><br /><br />

  106.                 <label for="FullName" style="color: red;">المؤهل العلمي :</label><br />
  107.                 <input type="text" name="FullName" style="width: 100%;"><br /><br />

  109.                 <label for="FullName" style="color: red;">البريد الالكتروني :</label><br />
  110.                 <input type="text" name="email" style="width: 100%;"><br /><br />
  111.                 
  112.                 <label class="myLabel">
  113.                     <input type="file" required accept="image/*" />
  114.                     <span>صورة شخصية</span>
  115.                 </label>

  117.                 <br /><br />

  119.                 <label class="myLabel">
  120.                     <input type="file" required accept="image/*" />
  121.                     <span>صورة الجواز</span>
  122.                 </label>

  124.                 <br /><br />
  125.                 
  126.                 <label class="myLabel">
  127.                     <input type="file" required accept="image/*" />
  128.                     <span>صورة بطاقة الهوية</span>
  129.                 </label>

  131.                 <br /><br />

  133.                 <button type="button" style="width: 100%;">حفظ</button><br /><br />
  134.             </form>
  135.         </div>
  136.         
  137.     <script>
  138.     $(document).ready(function()
  139.     {
  140.         $("#ButtonContinue").click(function()
  141.         {
  142.             if(!$("#EmiratesID").val())
  143.             {
  144.               alert('Please enter Emirates ID Number!');
  145.               return false;
  146.             }
  147.           
  148.             var emiratesid_regex = new RegExp('^784[0-9]{4}[0-9]{7}[0-9]{1}$');

  150.             if (!emiratesid_regex.test($("#EmiratesID").val()))
  151.             {
  152.                 alert('Wrong Emirates ID Number!');
  153.                 return false;                
  154.             }
  155.             
  156.             // alert('Thank you');

  158.             $.ajax({
  159.                 method: "POST",
  160.                 url: "https://www.angelsemirates.com/get_founder_details.php",
  161.                 data: { emiratesid: $("#EmiratesID").val() },
  162.                 dataType: "json",
  163.               beforeSend: function( xhr )
  164.               {
  165.                     $("#ButtonContinue").hide();
  166.                     $("#ImageLoading").show();
  167.               }
  168.             })
  169.               .done(function( data )
  170.              {
  171.                 console.log(data[0]);
  172.                 
  173.                 $("#DivEmiratesID").fadeOut("slow");
  174.                 
  175.                 $("#FounderEmiratesID").text(data[0].emirates_id);
  176.                 
  177.                 $("#DivFounder").fadeIn(2000);
  178.             });
  179.         });
  180.     });
  181.     </script>
  182.     </body>    
  183. </html>



Kindly advise...


Thanks,
Jassim