Goedemiddag,

In een oude website van mij vond ik de volgende code terug:

<div id="domain_checker">
	<form class="domain_checker_form">
		<input type="text" value="" id="domain" type="text" placeholder="uw-domeinnaam-hier.nl" />
		<input type="submit" style="display:none;" value="Controleer domein" />
	</form>
	<div class="clear"></div>
	<a class="domain_checker_form" id="domaincheck"><input type="submit" value="Controleer domein" /></a>
	<script type="text/javascript">
        $("#domaincheck").click(function() {
                if ( $("#domain").attr("value") ) {
                	var domein = $("#domain").attr("value");
                    window.location.href = "https://domein.nl/domaincontrol/"+domein;
                }        
        })
	</script>
	
</div>

In de front end verscheen dan een searchbox, waar mensen bijv. testdomein.nl invulde en wat dan in mijn systeem ging zoeken.
Alleen functioneert die niet omdat er iets ontbreekt in de javascript file. Weet iemand wat dat moet zijn?
Enige wat ik nog kan terug vinden is:

$(document).ready(function(){
        $('.domainchecker select').selectbox();
Ontbreekt de jQuery-library niet gewoon?
Wat zegt de console (CTRL+SHIFT+J) erover?
Lijkt me sterk.. Deze twee zitten namelijk erin:

<script type='text/javascript' src='/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src=‘/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>


Console geeft aan:
jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
(index):90 Uncaught TypeError: $ is not a function
at (index):90
(anonymous) @ (index):90
In die tweede regel mist een quote.
Dat is mijn fout hier. In mijn test versie is de quote er wel. Ook worden beiden files gevonden als ik erop klik.

(index):90 Uncaught TypeError: $ is not a function
at (index):90
(anonymous) @ (index):90


Wat als je eerst deze fout oplost?
Dat is juist de clue, ik weet niet welke functie dit moet zijn..
$("#domaincheck").click(function() {

Is geen functie geeft die aan. Dus #domaincheck is geen functie..
Met welke functie geef ik aan dat de user input ingevuld wordt achter de URL?
ALS beide bestanden worden gevonden denk ik dat jQuery migrate iets verkeerd doet. $ is not a function betekend dat jQuery niet gevonden is. Staat toevallig niet ergens jQuery.noConflict?

Maak van alle $ eens jQuery. Dus:

jQuery("#domaincheck").click(function() { 

Reageren