2016-03-28 74 views
0

我剛上傳文件結構,因爲它是我的EC2實例。相同的表單文件和相同的JavaScript驗證文件。Javascript驗證適用於本地主機,但不適用於亞馬遜ec2(相同的文件)

驗證在localhost上完美工作,但不在EC2上,我無法弄清楚發生了什麼問題。我檢查了目錄結構,hrefs和鏈接,他們看起來對我很好。

以下是JavaScript文件:

//Calling the validate function when user submits form 
window.load = function() { 
    var myForm = document.getElementById('myForm'); 
    myForm.onsubmit = function(e) { 
     return validate(); 
    } 
} 

//Validation funtion 
function validate() { 

    var product_name = document.forms["myForm"]["fname"].value; 
    var name = document.forms["myForm"]["pname"].value; 
    var email = document.forms["myForm"]["email"].value; 
    var phone = document.forms["myForm"]["phone"].value; 
    var price = document.forms["myForm"]["price"].value; 
    var date22 = document.forms["myForm"]["date22"].value; 
    var description = document.forms["myForm"]["description"].value; 

    var d = new Date(); 
    var values=date22.split("-"); 
    makeWhite(); 

    if (product_name==null || product_name == "") { 
     makeRed('fname'); 
     alert("Enter Product Name"); 
     return false;} 
    else if (name == null || name == ""|| isNaN(name) == false) { 
     makeRed('pname'); 
     alert("Enter valid name"); 
     return false;  
    } 
    else if(email == '' || email.indexOf('@') == -1 || email.indexOf('.') == -1) 
    { 
     makeRed('email'); 
     alert("Insert valid Email Address"); 
     return false; 
     } 
    else if(phone == ''|| phone <1000000000 || phone >9999999999){ 
     makeRed('phone'); 
     alert("Enter valid phone number"); 
     return false; 

     } 
     else if(price == ''|| price <0 || price >9999999999){ 
     makeRed('price'); 
     alert("Enter valid cost"); 
     return false; 

     } 
     else if(description == ''|| description == null){ 
     makeRed('description'); 
     alert("Enter a description"); 
     return false; 

     } 

     else if(values[0]=="" || values[0]==null||values[0]>d.getFullYear() || values[1]> 1+d.getMonth() || values[2]>d.getDate()){ 
     makeRed('date22'); 
     alert("Please Check Date"); 
    return false; 
    } 
} 

//Function to make invalid input fields red 
function makeRed(inputDiv){ 
var div= document.getElementById(inputDiv); 
div.style.backgroundColor="#FFA07A"; 
div.style.border = "2px solid #FF0000 "; 
return false; 
} 

//Function to clear fields when input is valid 
function makeWhite(){ 
var divList = document.querySelectorAll(".inputField"); 
for (var i=0;i<divList.length;i++){ 
divList[i].style.backgroundColor="#FFFFFF"; 
divList[i].style.border = "1px solid #BDBDBD"; 
} 
return false; 
} 

引用的JS文件:

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/carouFredSel.js"></script> 
<script type="text/javascript" src="js/main.js"></script> 
<script type="text/javascript" src="js/js_validation.js"></script> 
+0

此代碼全部在瀏覽器中運行。它從本地主機或EC2或其他任何地方加載都沒有區別。我建議你打開你的瀏覽器開發者控制檯,並學習調試你的JavaScript。我猜一些文件沒有正確複製到EC2,因此瀏覽器無法加載它。 –

回答

0

你確認這些文件已經被實際加載?我可以看到一個問題js/jquery.js vs /js/jquery.js

相關問題