Question

我刚刚将文件结构上传到我的EC2实例。相同的表单文件和相同的javascript验证文件。

验证在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>

Answer 1

您确认文件实际正在加载吗？我可以看到js/jquery.js vs /js/jquery.js

的问题

Javascript验证适用于localhost但不适用于amazon ec2（相同文件）

1 个答案: