Я изучаю, как вызывать внешние javascript-файлы в моем PHP-коде. Я получил некоторые коды из Интернета и попробовал, но не работал. Может кто-нибудь PLS дать мне несколько советов или объяснить мне это. Я не программист, но я изучаю, как программировать, и только начал учиться, поэтому мне сложно понять некоторые понятия.
У меня есть коды, файл PHP и JS-файл. Они находятся в одной папке.
Вот коды:
index.php
<html> <head> <script language="JavaScript" src="exer_1.js"></script> </head> <body> <form name="myform"> <input type="text" id="input_1" name="input_1" /><br /> <input type="text" id="input_2" name="input_2" /><br /> <input type="submit" value="Check!" onclick="javascript:parseTest() return false;" /> </form> </body> </html>
exer_1.js
function parseTest() { var elem_1 = document.getElementById('input_1'); var elem_2 = document.getElementById('input_2'); var inp_1 = elem_1.value; var inp_2 = elem_2.value; if (inp_1 == "" && inp_2 == "") { alert("You need to enter integers!!!"); elem_1.focus(); } else if (inp_1 == ""){ alert("You need to enter Integer 1!!!"); elem_1.focus(); } else if (inp_2 == ""){ alert("You need to enter Integer 2!!!"); elem_2.focus();; } else { if (!parseInt(inp_1) || !parseInt(inp_2)) alert ("Enter Integers only!!!"); else { alert("Correct Inputs!!!"); } } }
<script language="JavaScript" src="exer_1.js"></script>
Атрибут language
устарел, вместо него используется type
<script type="text/javascript" src="exer_1.js"></script>
Правильный синтаксис привязки привязки строки
<input type="submit" value="Check!" onclick="parseTest(); return false;" />
Возможно, вам стоит рассмотреть возможность переноса обработчика события на событие отправки формы. Затем ваша функция может вернуть значение false
при ошибке или true
при успешном завершении, которое затем может использоваться для определения того, продолжается ли представление формы или нет, например
<form onsubmit="return parseTest()">
Вы на самом деле не указали, что не работает, но я что-то замечаю в вашем коде.
<html> <head> <script language="JavaScript" src="exer_1.js"></script> </head> <body> <form name="myform"> <input type="text" id="input_1" name="input_1" /><br /> <input type="text" id="input_2" name="input_2" /><br /> <!-- The following will cause an error --> <input type="submit" value="Check!" onclick="javascript:parseTest() return false;" /> <!-- instead use this --> <input type="submit" value="Check!" onclick="javascript:parseTest(); return false;" /> </form> </body> </html>
ошибка с точкой с запятой
<script type="text/javascript" src="exer_1.js"></script>
Фил: Надеюсь, ты не против моего редактирования
Я бы заглянул в JQuery для красивой инфраструктуры javascript. Вместо того, чтобы помещать javascript-код в событие «onclick» на кнопке, с jquery вы могли бы сделать что-то вроде:
$('#submit').click(function() { // whatever code you want to run when submit is clicked. alert('Submit clicked'); }