Код может выполняться на сервере XAMPP, но не может выполняться на 000webhost.com

Question

function valform()
{
	var name = document.getElementById("username").value;
	var h2 = document.getElementById("height1").value;
	var w2 = document.getElementById("weight1").value;
	var r2 = document.getElementById("txtresult").value;
	
	if( name == ""  || h2 == "" || w2 == "" || r2 == "" )
	{
		alert("Please fill in the blank(s) first");
		return false;
	}
	if(!($('input[type=radio]:checked').size() == 12))
	{
		alert("You must answer all the questions");
		return false;
	}
}

Таким образом, в основном приведенный выше код не может работать на 000webhost.com, но может работать с сервером XAMPP.Если я нажимаю «отправить», когда все переключатели не отмечены, должно отображаться предупреждение, но оно просто переходит на другую страницу.Я проверил все синтаксис правильно и до сих пор не работает.Так интересно почему?Ссылка: https://cancertool123.000webhostapp.com/Questionnaire%20(Colon%20Cancer).php

Некоторые пояснения будут полезны.

Answer 1

Вы загружаете файл jquery из http , и ваш веб-сайт работает на https , поэтому измените его на

https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

, он будет работать

Answer 2

Изменить

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

на

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Как вы можете видеть в консоли (нажмите F12 на вашем веб-сайте), есть ошибка:

Смешанное содержимое: страница в 'https://cancertool123.000webhostapp.com/Questionnaire%20(Colon%20Cancer).php' была загружена через HTTPS, но запросил небезопасный сценарий' http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'. Этот запрос был заблокирован;контент должен обслуживаться по протоколу HTTPS.

Проблема в том, что вы загружаете файл http на сайте https.