Javascript验证在localhost上有效,但在AmazonEC2上无效(相同的文件)
我刚刚将文件结构原样上传到我的EC2实例。相同的表单文件和相同的javascript验证文件 验证在localhost上工作得很好,但在EC2上却不行,我无法找出哪里出了问题。我检查了目录结构、HREF和链接,我觉得它们还可以 以下是Javascript文件:Javascript验证在localhost上有效,但在AmazonEC2上无效(相同的文件),javascript,html,validation,amazon-web-services,amazon-ec2,Javascript,Html,Validation,Amazon Web Services,Amazon Ec2,我刚刚将文件结构原样上传到我的EC2实例。相同的表单文件和相同的javascript验证文件 验证在localhost上工作得很好,但在EC2上却不行,我无法找出哪里出了问题。我检查了目录结构、HREF和链接,我觉得它们还可以 以下是Javascript文件: //Calling the validate function when user submits form window.load = function() { var myForm = document.getElemen
//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;
}
//当用户提交表单时调用validate函数
window.load=函数(){
var myForm=document.getElementById('myForm');
myForm.onsubmit=函数(e){
返回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=新日期();
var值=date22.split(“-”);
使变白();
如果(产品名称==null | |产品名称===“”){
makeRed(“fname”);
警报(“输入产品名称”);
返回false;}
else if(name==null | | name==“”| | isNaN(name)==false){
makeRed(“pname”);
警报(“输入有效名称”);
返回false;
}
else if(email=''| | email.indexOf('@')==-1 | | email.indexOf('.')=-1)
{
makeRed(“电子邮件”);
警报(“插入有效的电子邮件地址”);
返回false;
}
否则如果(电话=“”| |电话9999999){
制造(“电话”);
警报(“输入有效电话号码”);
返回false;
}
否则如果(价格=''| |价格9999999){
制造(“价格”);
警报(“输入有效成本”);
返回false;
}
else if(description=''| | description==null){
制造(“描述”);
警报(“输入说明”);
返回false;
}
else if(值[0]==“| |值[0]==null | |值[0]>d.getFullYear()| |值[1]>1+d.getMonth()| |值[2]>d.getDate()){
makeRed(“date22”);
警报(“请检查日期”);
返回false;
}
}
//函数使无效的输入字段变为红色
函数maked(inputDiv){
var div=document.getElementById(inputDiv);
div.style.backgroundColor=“#FFA07A”;
div.style.border=“2px solid#FF0000”;
返回false;
}
//函数在输入有效时清除字段
函数makeWhite(){
var divList=document.queryselectoral(“.inputField”);
对于(var i=0;i您确认文件实际正在加载吗?我发现js/jquery.js
vs/js/jquery.js
这段代码都是在浏览器中运行的。它在哪里加载、本地主机、EC2或其他任何地方都没有区别。我建议您打开浏览器开发人员控制台,学习调试y我们的JavaScript。我猜某些文件没有正确复制到EC2,因此浏览器无法加载它。
<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>