Question

我是joomla的新手。目前我正在开发一个需要使用joomla来完成它的项目。但是我的joomla页面遇到了麻烦。在这种情况下，当我尝试在我的计算机（localhost）中运行我的代码时，一切运行顺利，但是当我将所有必要的文件上传到我使用cPanel的服务器时，我在我的joomla文章中包含了所有文件路径我使用Sourcerer插件在我的joomla文章中插入代码。表单和css运行正常，但javascript不会加载它应该在表单上验证的内容。

我的文章有一些代码错误吗？我正在使用Joomla 3.0和GoDaddy托管。应该是这样的[这里] http://doptiq.com/smart-forms/demos/samples/elegant/validation.html 这是我的joomla表单，javascript将不起作用[here] http://joomla.matedis.com/pay-rate-form

以下是我如何在带有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 /上？

为什么Joomla不会加载我的自定义JavaScript？

1 个答案: