為什么Joomla無法加載我的自定義JavaScript？

Question

我是joomla的新手。 目前，我正在一個項目，需要使用joomla來完成它。 但是我在joomla頁面上遇到了麻煩。 在這種情況下，當我嘗試在我的計算機（本地主機）中運行我的代碼時，一切運行順利，但是當我將所有必需的文件上傳到使用cPanel的服務器時，並且在joomla文章中包括了所有文件路徑，我使用Sourcerer插件將代碼插入我的joomla文章中。 表單和CSS可以正確運行，但是javascript不會加載它應該在表單上驗證的內容。

我的文章有代碼錯誤嗎？ 我正在將Joomla 3.0與GoDaddy托管一起使用。 它應該是這樣的[這里] http://doptiq.com/smart-forms/demos/samples/elegant/validation.html這是我的joomla表格，JavaScript無法運行[這里] http：// joomla .matedis.com /付費率形式

這就是我如何在Sourcerer的Joomla文章中包含js文件

{sourcerer}
...
<link rel="stylesheet" type="text/css" href="home/matedis/public_html/joomla/PayRate/css/smart-forms.css">
<link rel="stylesheet" type="text/css" href="home/matedis/public_html/joomla/PayRate/css/font-awesome.min.css">


<script type="text/javascript" src="home/matedis/public_html/joomla/PayRate/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="home/matedis/public_html/joomla/PayRate/js/jquery.validate.js"></script>
<script type="text/javascript" src="home/matedis/public_html/joomla/PayRate/js/additional-methods.js"></script>
...
<script type="text/javascript">

$(function() {

/* @custom validation method (smartCaptcha) 
------------------------------------------------------------------ */

$.validator.methods.smartCaptcha = function(value, element, param) {
return value == param;
};

$( "#smart-form" ).validate({

/* @validation states + elements 
------------------------------------------- */

errorClass: "state-error",
validClass: "state-success",
errorElement: "em",

/* @validation rules 
------------------------------------------ */

rules: {
firstname: {
required: true
},
lastname: {
required: true
}, 
useremail: {
required: true,
email: true
},
website: {
required: true,
url: true
}, 
language: {
required: true
}, 
upload1: {
required: true,
extension:"jpg|png|gif|jpeg|doc|docx|pdf|xls|rar|zip"
},
mobileos: {
required: true
},
comment: {
required: true,
minlength: 30
},
mobile_phone: {
require_from_group: [1, ".phone-group"]
},
home_phone: {
require_from_group: [1, ".phone-group"]
}, 
password:{
required: true,
minlength: 6,
maxlength: 16 
},
repeatPassword:{
required: true,
minlength: 6,
maxlength: 16, 
equalTo: '#password'
},
gender:{
required: true
},
languages:{
required: true
}, 
verification:{
required:true,
smartCaptcha:19 
},
applicant_age: {
required: true,
min: 16
},
licence_no: {
required: function(element) {
return $("#applicant_age").val() > 19;
}
},
child_name: {
required: "#parents:checked"
} 

},

/* @validation error messages 
---------------------------------------------- */

messages:{
firstname: {
required: 'Enter first name'
},
lastname: {
required: 'Enter last name'
}, 
useremail: {
required: 'Enter email address',
email: 'Enter a VALID email address'
},
website: {
required: 'Enter your website URL',
url: 'URL should start with - http://www'
}, 
language: {
required: 'Choose a language'
}, 
upload1: {
required: 'Please browse a file',
extension: 'File format not supported'
},
mobileos: {
required: 'Please select a mobile platform'
}, 
comment: {
required: 'Oops you forgot to comment',
minlength: 'Enter at least 30 characters or more'
},
mobile_phone: {
require_from_group: 'Fill at least a mobile contact'
},
home_phone: {
require_from_group: 'Fill at least a home contact'
}, 
password:{
required: 'Please enter a password'
},
repeatPassword:{
required: 'Please repeat the above password',
equalTo: 'Password mismatch detected'
},
gender:{
required: 'Please choose specie'
},
languages:{
required: 'Select laguages spoken'
}, 
verification:{
required: 'Please enter verification code',
smartCaptcha: 'Oops - enter a correct verification code'
},
applicant_age: {
required: 'Enter applicant age',
min: 'Must be 16 years and above'
},
licence_no: {
required: 'Enter licence number'
},
child_name: {
required: 'Please enter your childs name'
} 

},

/* @validation highlighting + error placement 
---------------------------------------------------- */ 

highlight: function(element, errorClass, validClass) {
$(element).closest('.field').addClass(errorClass).removeClass(validClass);
},
unhighlight: function(element, errorClass, validClass) {
$(element).closest('.field').removeClass(errorClass).addClass(validClass);
},
errorPlacement: function(error, element) {
if (element.is(":radio") || element.is(":checkbox")) {
element.closest('.option-group').after(error);
} else {
error.insertAfter(element.parent());
}
}

}); 

}); 

</script>
{/sourcerer}

Answer 1

檢查您的JavaScript路徑，它確實位於服務器上的home / matedis / public_html /上嗎？