发送表单信息时出现登陆页面错误

Posted

技术标签:

【中文标题】发送表单信息时出现登陆页面错误【英文标题】：landing page error in when sending form info 【发布时间】：2019-04-17 10:24:27 【问题描述】：

我有一个带有此代码的登录页面

<!DOCTYPE html>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-27524997-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() 
            dataLayer.push(arguments);
        
        gtag('js', new Date());

        gtag('config', 'UA-27524997-1');
    </script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="theme-color" content="#f2e50d">
    <link rel="stylesheet" href="assets/bootstrap-grid.min.css">
    <link rel="stylesheet" href="assets/main.css?v=1">
    <link rel="stylesheet" href="assets/responsive.css?v=1" media="only screen and (max-width : 1000px)">
    <title>המרכז הדיגיטלי</title>
    <!-- Facebook Pixel Code -->
    <script>
        !function (f, b, e, v, n, t, s)
        
            if (f.fbq)
                return;
            n = f.fbq = function () 
                n.callMethod ?
                        n.callMethod.apply(n, arguments) : n.queue.push(arguments);
            ;
            if (!f._fbq)
                f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        (window, document, 'script',
                'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '199994556862560');
        fbq('track', 'PageView');
    </script>
<!-- End Facebook Pixel Code -->


<header id="head" class="section">
    <img src="assets/images/header.jpg" class="full-width hide_mobile">
    <img src="assets/images/landing.jpg" class="full-width show_mobile">
    <a id="logo" href="/">
        <img src="assets/images/logo.png">
    </a>
    <div id="contact" class="section">
        <div class="container">
            <div class="contact-box">
                <h3>רוצים לדעת עוד?<br> השאירו פרטים ונחזור אליכם
                    עם כל התשובות לכל השאלות</h3>
            </div>
            <form id="form">
                <div class="finputs">
                    <input type="text" id="name" placeholder="* שם">
                    <input type="email" id="mail" placeholder="* כתובת מייל">
                    <input type="tel" id="phone" placeholder="* טלפון" >
                    <label><input type="checkbox" value="מאשר" id="confirm" style=" width: 20px;" />מאשר הגעה לערב פתוח ב - 26.11.18</label>
                </div>
                <div id="imgform">
                     <button id="send">שלח</button>
                <img src="assets/images/contact_icon.png" class="contact_icon"> 
                </div>

            </form>
        </div>
    </div>
</header>


<div id="what" class="section">
    <div class="container">
        <h1> מה נדרש כדי לבנות קריירה מקצועית בדיגיטל?</h1>
        <div class="row">
            <div class="col-md-6">
                <div class="what-icon">
                    <img src="assets/images/what-i3.png">
                </div>
                <div class="what-block">
                    <h2>360 של ניהול קמפיינים ותוכן דיגיטלי</h2>
                    <p>מסלול לימודים מקיף 360 מעלות בו אתם מקבלים את  כל  <br>
                        הכלים שאתם צריכים כדי ליצור, לנהל ולנתח קמפיינים<br>
                        דיגיטליים ולכתוב כמו קופירייטרים מנוסים.<br>
                        הקורס שלנו כולל: 620 שעות אקדמיות; 8 חודשים<br>
                        2 מפגשים בשבוע 4 שעות כל מפגש
                    </p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="what-icon">
                    <img src="assets/images/what-i2.png">
                </div>
                <div class="what-block">
                    <h2>ביקוש גבוה לאנשי דיגיטל מקצועיים ומוכשרים</h2>
                    <p>
                        תחום הפרסום השיווק הדיגיטלי בישראל ובעולם, נמצא בתאוצה<br>
                        מטאורית. כל תחום בחיינו עובר דיגיטציה: פיננסים, טכנולוגיה,<br>
                        תקשורת, קולנוע, מסחר ועוד. מה שאומר שהביקוש לאנשי דיגיטל <br>
                        טובים עולה. האפשרויות שנפתחות בפני מי שנכנס לעולם הדיגיטל הן <br>
                        רבות, מאחר וכל הזמן ניתן להתפתח ולהתקדם הן מבחינה מקצועית והן <br>
                        מבחינה כלכלית. סיימתם את הקורס? אנחנו נדאג ללוות אתכם ולספק <br>
                        לכם הכוונה בין אם כשכירים או עצמאיים..

                    </p>
                </div>
            </div>
        </div>
        <div style="height: 50px" class="hide_mobile"></div>
        <div class="row">
            <div class="col-md-6">
                <div class="what-icon">
                    <img src="assets/images/what-i1.png" style="position: relative;right: -15px">
                </div>
                <div class="what-block">
                    <h2>התנסות מעשית תוך כדי מסלול</h2>
                    <p>מסלול סטאז' ייחודי המפגיש אתכם עם לקוחות ומותגים <br>
                        אמיתיים, ויישום של הידע והכלים הנרכשים במהלך <br>
                        המסלול, תוך ליווי של מנטורים מקצועיים.<br>
                        הניסיון שתצברו בתוספת תיק העבודות המקצועי יהוו<br>
                        מקפצה מצוינת בדרך לפיתוח הקריירה המקצועית שלכם.
                    </p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="what-icon">
                    <img src="assets/images/what-i4.png" style="position: relative;right: -10px">
                </div>
                <div class="what-block">
                    <h2>ללמוד אצל הטובים והמנוסים ביותר</h2>
                    <p>
                        עם למעלה מ- 10,000 בוגרים שהשתלבו בתפקידי מפתח בתעשיית <br>
                        השיווק והפרסום, ומאות חברות וארגונים שבחרו להכשיר את עובדיהם <br>
                        אצלנו בתוספת מרצים ומדריכים מהטובים והמנוסים בתחום הדיגיטל,<br>
                        כל זה הופך את המכללה לניו מדיה למקום שבו הקריירה שלכם <br>
                        בדיגיטל מתחיל. ואגב,<br> אנחנו פה לפני כולם- המכללה הוותיקה ביותר <br>
                        בתחום הדיגיטל בישראל!

                    </p>
                </div>
            </div>
        </div>
    </div>
</div>





    <div class="row" id="what2">


<div class="row col-md-12" id="content1">

        <div class="col-md-12">

               <h1>אז מה לומדים בתכלס?</h1>

               <p class="headp">הנה כמה טעימות מהקורס המקיף ביותר בישראל בתחום הדיגיטלי:</p>  

        </div>

</div>  

        <div class="row" id="inforow" >
        <div class="col-md-6">
        </div>
        <div class="col-md-6">

            <div class="what-block">
                <h2 class="mobile">יסודות שיווק ואסטרטגיה דיגיטלית</h2>
       <p class="blocfix">
                    כל מה שצריך לדעת כדי לצאת לדרך - היכרות מעמיקה עם כל המושגים החשובים, יצירת אסטרטגיה שיווקית, ניתוח סביבת המותג ואפיון קהלי יעד לפרסום

                </p>
            </div>
        </div>

        <div class="col-md-6"></div>
        <div class="col-md-6">

            <div class="what-block">
                <h2>יצירת תוכן וקופירייטינג פרסומי</h2>
                <p class="blocfix">
                    התוכן הוא המלך - כתיבת מאמרים מושלמים, פיתוח צורת חשיבה של קופירייטר מקצועי וקידום מותגים בעזרת מילים    
                </p>
            </div>
        </div>

        <div class="col-md-6">

        </div>
        <div class="col-md-6">

            <div class="what-block">
                <h2>מיתוג, עיצוב וקריאייטיב</h2>
            <p class="blocfix">
                    ממתקים לעיניים - יצירת ספר מותג ושמירה על אחדות מיתוגית, היכרות עם תוכנות עיצוב אינטרנטיות וטרנדים בעולם העיצוב הדיגיטלי, עבודה מול מחלקות עיצוב ומיתוג והתאמת התוצר הגרפי לפלטפורמות השונות ברשת

                </p>
            </div>
        </div>


        <div class="col-md-6">

        </div>
        <div class="col-md-6">

            <div class="what-block">
                <h2>קידום והפצה בדיגיטל</h2>
             <p class="blocfix">
                    מפייסבוק עד גוגל דרך ווטסאפ ואינסטה - סודות הפרסום הממומן והאורגני, עבודה נכונה עם תקציבי פרסום והיכרות מעמיקה עם כל סוגי הקמפיינים הדיגיטליים

                </p>
            </div>
        </div>
        <div class="col-md-6">

        </div>
        <div class="col-md-6">

            <div class="what-block">
                <h2>מדידה וניתוח DATA</h2>
            <p class="blocfix">
                    מה זה שווה אם אי אפשר למדוד את זה - התנסות בעבודה עם כלי מדידה מתקדמים להערכת ביצועי קמפיינים, ניתוח DATA שיווקי, שיפור ביצועים על סמך נתונים וחיבור בין קמפיינים למערכות ניהול לקוח (CRM).  
                </p>
            </div>
        </div>
        <div class="col-md-6">

        </div>
        <div class="col-md-6">

            <div class="what-block">
                <h2>וידאו מרקטינג </h2>
            <p class="blocfix">
                    הטרנד הלוהט בפרסום הדיגיטלי -  תכנון והפקת וידאו, שילוב סרטונים בקמפיינים פרסומיים וניהול והפעלה של ערוצי יוטיוב ומגוון פלטפורמות וידאו נוספות
                </p>
            </div>
        </div>
        <div class="col-md-6">

        </div>
        <div class="col-md-6">

            <div class="what-block">
                <h2>אתרים ודפי נחיתה </h2>
           <p class="blocfix">
                    איך הכול התחיל ומה מחכה לנו בעתיד - היכרות עם ההיסטוריה של האינטרנט ועם הטרנדים החזקים ביותר ברשת, הקמה וניהול של אתרי מסחר (חנות אינטרנטית), אפיון אתרים ועבודה עם WordPress.  
                </p>
            </div>
        </div>

        <div class="col-md-6">

        </div>
        <div class="col-md-6">

            <div class="what-block">
                <h2>ניהול לקוחות </h2>
             <p class="blocfix">
                    מול מי אנחנו עובדים בעצם - התנהלות מוצלחת מול הלקוחות, החל משלב תיאום הציפיות ועד לאמנות שימור הלקוח   
                </p>
            </div>
        </div>
        </div>
    </div>



<section id="after-section" class="section">
    <div class="container">
        <div class="after-wrap">
            <div class="after-content">
                <img src="assets/images/after_icon.png" class="after-icon">
                <h2>מה יהיה לכם בידיים כשתסיימו את הקורס?</h2>
                <ul>
                    <li>הסמכה מקצועית לעבודה בעולם הפרסום הדיגיטלי (בארץ ובעולם)</li>
                    <li class="yellow">ניסיון מעשי בעבודה מול לקוחות</li>
                    <li class="blue">תיק עבודות שישמש ככרטיס ביקור ללקוחות פוטנציאליים</li>
                    <li class="yellow">יכולת מעשית בתכנון וניהול קמפיינים בכל הפלטפורמות הדיגיטליות</li>
                    <li>שליטה מלאה בכלי מדידה, ניתוח וניטור של אפיקי הפרסום השונים </li>
                    <li>יכולת מעשית בכתיבה שיווקית וקופי דיגיטל</li>
                    <li class="blue">יכולת פיצוח בריף ובניית אסטרטגיה לקמפיין פרסום מ א-ת</li>
                </ul>
            </div>
        </div>
    </div>

</section>

<section id="video-section" class="">
    <div class="container">
        <div class="video-bg">
            <h2 class="red"> עדיין לא סגורים? צפו בסרטון הבא והכירו את המנהל האקדמי של הקורס</h2>
            <div class="oembed">
                <div class="video-wrap">
                    <iframe   src="https://www.youtube.com/embed/dO7X2SIr5bA?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>


</section>

<section id="work-section" class="section">
    <div class="container">
        <div id="work">
            <div class="img"></div>
            <h2>במה עובדים הבוגרים</h2>
            <p>בוגרי הקורס ישתלבו בקלות במשרדי פרסום ובחברות מסחריות שונות ויעבדו כמנהלי קמפיינים באינטרנט, מנהלי תוכן, מנהלי רשתות חברתיות, אנליסטים שיווקיים ומנתחי DATA, מנהלי אסטרטגיה שיווקית דיגיטלית ומנהלי פרויקטים בדיגיטל. הסטודנטים ירכשו גם ידע רב בניהול לקוחות, חשבונאות, מכירות ופרזנטציות ויוכלו להתניע קריירה כפרילנסרים, כשהאמת היא שקרוב למחצית מבוגרי המכללה לניו מדיה, עובדים היום כעצמאים</p>
        </div>
    </div>
</section>
<img src="assets/images/footer-divider.png" class="full-width">
<footer class="section" id="footer">
    <div class="container">
        <div class="footer-content">
            <h3 class="footer-h1">
                <img src="assets/images/footer-icon.png">
                ...ושלא תגידו שלא אמרנו לכם
            </h3>
            <h2 class="footer-h2">בסקר עדכני נמצא שהשכר הממוצע בתחום
                <br>
                השיווק הדיגיטלי בארץ הוא 13,450 ש"ח
            </h2>
            <div id="btn">
                <a href="#contact">
                    <img id="repons" src="assets/images/newbtn.jpg">
                </a>
            </div>
        </div>
    </div>
</footer>
<a id="fixed" href="#">
    <img src="assets/images/openday.png" class="hide_mobile">
    <img src="assets/images/openday_m.png" class="show_mobile">
</a>

这是js代码

$('#form').on('submit',()=>
    console.log('sending mail');
    validForm();
    return false;
);

let validForm = function()
    let name = $('#name').val();
    let email = $('#mail').val();
    let phone = $('#phone').val();
    let check = $('#confirm').val();
    if(name !=='' && email !=='' && phone !=='' && check !=='')
        if(isNaN(name))
                if (isNaN(phone) || phone.length !== 10) 
                else
                    if(isEmail(email))
                        console.log('sending crm');
                        sendCRM(name,email,phone,check);
                        console.log('crm sent');
                        sendEmail(name,email,phone,check);
                        console.log('mail sent');
                    ;
                ;
            ;
        ;    
    ;
   
let isEmail = function (email) 
    let regex =/^[a-zA-Z0-9.!#$%&'*+/=?^_`|~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]0,61[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]0,61[a-zA-Z0-9])?)*$/igm;
    return regex.test(email);
;

let sendCRM = function(n,e,p,c)
    $.ajax(
        url: 'https://api.leadmanager.co.il/handlers/lm/submit.cms',
        method: 'get',
        dataType: 'json',
        data: 
            lm_form: 30754,
            lm_key: '59987823ef8749e7b9ec8a436aa9fe6d',
            name: n,
            phone: p,
            mail: e,
            open_day: c
        
    ).done(function (r) 
        console.log('CRM OK');

    ).fail(function (r, x,y) 
        console.log('CRM fail');
    );
;
let sendEmail = function(n,e,p,c)
        $.ajax(
            url: 'Mailer.php',
            method: 'get',
            dataType: 'json',
            data: 
                name: n,
                phone: p,
                mail: e,
                open_day: c
            
        ).done(function (r) 
            window.location.href = 'thanks.html';

        ).fail(function (r, x,y) 
        );

        $.ajax(
            url: 'ThanksMail.php',
            method: 'get',
            dataType: 'json',
            data: 
                name: n,
                phone: p,
                mail: e,
                open_day: c
            
        ).done(function (r) 

        ).fail(function (r, x,y) 
        );
;

我的问题是，当我在 chrome 和 edge Web 浏览器中测试页面时，我可以在客户端 crm 系统中看到详细信息。但我在 (1,26) 行的资源管理器中遇到脚本错误，在 Firefox 中，我在控制台中遇到此错误消息的相同问题： 跨域请求被阻止：同源策略不允许读取位于https://code.jquery.com/jquery-3.3.1.min.js 的远程资源。 （原因：CORS 请求没有成功）。[了解更多] 完整性属性中的任何“sha256”哈希都与子资源的内容不匹配。万事达 return 语句后无法访问的代码[了解更多]

知道这段代码有什么问题吗？

【问题讨论】：

能否请您添加您的错误代码？ error is Cross-Origin Request Blocked? 我对所有的螺旋桨网络浏览器进行了测试......经过一些调整后，我只在资源管理器中遇到了问题，这是我得到的控制台错误：SCRIPT1002：语法错误 form.js（1， 26)、表单就是你在我帖子里看到的js代码 没有错误是脚本 (1,26) 【参考方案1】：

我可以看到你使用 php 作为后端 所以你可以添加控制器或功能添加这个 或在您页面的开头

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: X-Requested-With, Content-Type, Origin, Cache-Control, Pragma, Authorization, Accept, Accept-Encoding");

【讨论】：

以上是关于发送表单信息时出现登陆页面错误的主要内容，如果未能解决你的问题，请参考以下文章

使用 Promise 在 Angular 和 Ionic 的页面上显示用户信息时出现以下错误

在文章中提交 PHP 表单时出现 Joomla 2.5 404 错误

“源映射错误：TypeError：尝试获取资源时出现 NetworkError。”在本地页面上

无法登陆Google,与Google服务器通信时出现问题，怎么回事？

点击发送请求时出现 Cypress 400 XHR 错误

在 ColdFusion 9 中使用 Flash 表单时出现 JavaScript 错误