0
ファイル構造をそのままEC2インスタンスにアップロードしました。同じフォームファイルと同じjavascript検証ファイル。Javascript検証はlocalhostでは動作しますが、amazon EC2（同じファイル）では動作しません
検証はlocalhostでは完璧に機能しますが、EC2では正しく動作しないため、何が問題になるか把握できません。私は、ディレクトリ構造、HREFとリンクをチェックし、彼らは私によく見える。 JSファイルへ
//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;
}
参考文献：
<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>
このコードはすべてブラウザで実行されています。 localhostやEC2などのどこからロードしても違いはありません。私は、あなたのブラウザ開発者コンソールを開き、あなたのJavaScriptをデバッグする方法を学ぶことをお勧めします。私はいくつかのファイルがEC2に正しくコピーされていないと推測しているので、ブラウザはそれをロードできません。 –