2016-09-21 11 views
0

に取り組んでいない:Javascriptを/ jQueryのは、私は私のサイトのJavaScriptコードを次しているモバイル

$(document).ready(function() { 

$('button').attr('disabled', true); 

$('button').click(function() { 
    $('.registration').addClass('fly-out'); 

    // Get the variables 
    var firstname = document.getElementsByName('firstname')[0].value; 
    var lastname = document.getElementsByName('lastname')[0].value; 
    var mail = document.getElementsByName('mail')[0].value; 

    var informatik = document.getElementById('Informatik').checked ? 1 : 0; 
    var medientechnik = document.getElementById('Medientechnik').checked ? 1 : 0; 
    var medizintechnik = document.getElementById('Medizintechnik').checked ? 1 : 0; 
    var elektronik = document.getElementById('Elektronik').checked ? 1 : 0; 
    var fachschule = document.getElementById('Fachschule').checked ? 1 : 0; 

    // Send the data to php 
    $.ajax({ 
     url: "add.php", 
     type: "POST", 
     data: { 
      'first': firstname, 
      'last': lastname, 
      'mail': mail, 
      'informatik': informatik, 
      'medientechnik': medientechnik, 
      'medizintechnik': medizintechnik, 
      'elektronik': elektronik, 
      'fachschule': fachschule 
     } 
    }); 

    // Show the thank you form 
    setTimeout(function() { 
     $('.registration').addClass('hidden'); 
     $('.registration').removeClass('fly-out'); 
     $('.thankyou').removeClass('hidden'); 


     // Blend out the thank you form 
     setTimeout(function() { 
      $('.thankyou').addClass('disappear'); 

      // Show the registration form again 
      setTimeout(function() { 
       $('.thankyou').addClass('hidden'); 
       $('.thankyou').removeClass('disappear'); 

       // Clear the registration form 
       $('input[name=firstname]').val(''); 
       $('input[name=lastname]').val(''); 
       $('input[name=mail]').val(''); 
       $('#Informatik').prop('checked', false) 
       $('#Medientechnik').prop('checked', false) 
       $('#Medizintechnik').prop('checked', false) 
       $('#Elektronik').prop('checked', false) 
       $('#Elektronik-Fachschule').prop('checked', false) 
       $('button').attr('disabled', true); 

       $('.registration').removeClass('hidden'); 
      }, 400); 
     }, 2500); 
    }, 700); 
}); 
}); 

function change() { 
    var firstname = document.getElementsByName('firstname')[0].value; 
    var lastname = document.getElementsByName('lastname')[0].value; 
    var mail = document.getElementsByName('mail')[0].value; 

    var informatik = document.getElementById('Informatik').checked; 
    var medientechnik = document.getElementById('Medientechnik').checked; 
    var medizintechnik = document.getElementById('Medizintechnik').checked; 
    var elektronik = document.getElementById('Elektronik').checked; 
    var fachschule = document.getElementById('Fachschule').checked; 

    var result = firstname.length > 0 && lastname.length > 0 && mail.length > 0 && validateMail(mail); 
    var result = result && (informatik || medientechnik || 
     medizintechnik || elektronik || fachschule); 

    $('button').attr('disabled', !result); 
} 

function validateMail(mail) { 
    var regex = /^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[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 regex.test(mail); 
} 

それはデスクトップブラウザ上の作業はうまくありませんが、私は、Android版Chrome(6.0ネクサス5)でそれを開いたときにそれがありません(ボタンは無効にされていません)。

私はこれがモバイルブラウザでも動作する必要があるため、私が間違っていたことを知りたいと思います。

答えて

0

問題は、私はCDN経由ではなく、ローカルマシンからのjQueryを埋め込ま

...私の部分の新人間違いでした。私の電話でコードを試したとき、私はノートブックをサーバーとして使いました。これが機能するには、私は無線ネットワークから切断する必要がありました。このため、jQueryをロードできなかったため、コードが機能しませんでした。

関連する問題