[Erledigt] jQuery Autocomplete - nur Begriffe aus Vorschlagsliste erlauben?

Berliner030 · 14.09.2010, 18:19

Hallo Freunde,

ich nutze jQuery-Autocomplete um ein Feld mit einem Städtenamen zu füllen. Die Städtenamen liegen in einer Datenbank vor.

Format der Städte:
Berlin (DE)
Hamburg (DE)
Bern (CH)
Wien (AT)

Ich möchte jetzt gerne erreichen, dass das Feld ausschließlich Einträge annimmt welche genau so in der Datenbank vorliegen und mit der Datenbank übereinstimmen.

Bsp:
Richtig = Berlin (DE)
Falsch = Berlin
Falsch = berlin
Falsch = Ber lin
usw.

Bei Falschangabe sollte eine Meldung erscheinen und das Feld wieder gelöscht werden bzw. weiterhin "Required" sein.

Leider weiß ich als PHP/SQL/Js-Noob nicht wie man soetwas realisieren könnte.

Wäre vielleicht von Euch jemand so nett und könnte mir das helfen?

Der verwendete Code lautet im Moment folgendermaßen.

Seite mit dem Autocomplete-Feld

PHP-Code:

  <html><head>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

 </head><body>

 
<p><input id="autocomplete" type='text'></p>

 
<script type="text/javascript">

function selectItem(li) {

    return false;

}

function formatItem(row) {

    return row[0] + "<i>" + row[1] + "</i>";

}

$(document).ready(function() {

    $("#autocomplete").autocomplete("1.php", {

        minChars:2,

matchSubset:1,

matchContains:1,

cacheLength:10,

        onItemSelect:selectItem,

        selectOnly:1

    });

});

</script></body></html>

Und hier der Code für die PHP-Datei (SQL-Abfrage)

PHP-Code:

  <?php

header('Content-Type: text/html; charset=utf-8');

 
     //connection information

        $host = "localhost";

        $user = "root";

        $password = "pass";

        $database = "projekt";

        $param = $_GET["term"];

 
      //make connection

       $server = mysql_connect($host, $user, $password);

       $connection = mysql_select_db($database, $server);

 
mysql_query('set character set utf8;');

 
 $res = mysql_query("SELECT city FROM zipcodes WHERE city LIKE '".$_GET['q']."%' ");

 while($row=mysql_fetch_object($res)) {

  echo $row->city."\n";

 }

 
 ?>

Über Hilfe würde ich mich freuen.
Gruß Matthias

nikosch · 14.09.2010, 18:28

Von wievielen Einträgen reden wir denn hier?

mimomamu · 14.09.2010, 18:30

Zitat:

Zitat von Berliner030

Ich möchte jetzt gerne erreichen, dass das Feld ausschließlich Einträge annimmt welche genau so in der Datenbank vorliegen und mit der Datenbank übereinstimmen.

Das ist nicht Aufgabe der automatischen Vervollständigung sondern der Validierung, Dafür gibt es ebenfalls ein jQuery-Plugin, bedenke dabei aber, das du auf dem Server erneut validieren musst.

Berliner030 · 14.09.2010, 18:33

Zitat:

Das ist nicht Aufgabe der automatischen Vervollständigung sondern der Validierung

Ja genau - aber ich weiß nicht wie man die Validierung umsetzen kann. Solch eine Möglichkeit suche ich.

Zitat:

Von wievielen Einträgen reden wir denn hier?

Ca. 10000 - deutsche + schweizer + österreichische Städtenamen.

Ist da was zu machen - irgendwie?

Ich habe selbst leider überhaupt keine Ahnung wo man da ansetzen müsste.

Gruß Matthias

Berliner030 · 14.09.2010, 18:41

Nachtrag:

Eigentlich müsste man ja "nur" folgendes irgendwie coden.

Schaue nach was im Feld eingetragen wurde
Vergleiche Wert mit Datenbank
Wenn Wert so in Datenbank = True
Wenn Wert nicht in Datenbank = false
etc.

Grübel!

mimomamu · 14.09.2010, 18:51

Zitat:

Zitat von Berliner030

Ca. 10000 - deutsche + schweizer + österreichische Städtenamen.

Wenn es bedeutend weniger wären, dann könntest du sie im JavaScript-Code mitsenden. Bei 10000 ist das aber nicht praktikabel. Deshalb musst du den Server fragen, ob da im Moment etwas gültiges drinsteht und entsprechend reagieren.

Zitat:

Zitat von Berliner030

Ist da was zu machen - irgendwie?

Ja. Soll ich dir jetzt ein jQuery-Plugin für Validierung raussuchen oder schaffst du das alleine?

Berliner030 · 14.09.2010, 19:04

Zitat:

Soll ich dir jetzt ein jQuery-Plugin für Validierung raussuchen oder schaffst du das alleine?

Nein - musst Du nicht.

Mir stellte sich überhaupt erstmal die Frage wie man soetwas umsetzen kann. Mit JS/jQuery oder doch mit PHP.

Für jQuery gibt es ja diverse Validation-Scripte z.B. http://plugins.jquery.com/project/validate aber wie man das in Zusammenhang mit der SQL-Abfrage hinbekommt, ist mir schleierhaft.

Ich denke ich muss das wohl im Jobforum auschreiben da ich das alleine nicht gelöst bekomme. Ich verfüge über keine Programmierkentnisse - weder für JS noch für PHP.

Danke und Gruß
Matthias

mimomamu · 14.09.2010, 19:11

Zitat:

Zitat von Berliner030

Mir stellte sich überhaupt erstmal die Frage wie man soetwas umsetzen kann. Mit JS/jQuery oder doch mit PHP.

Erst ein mal mit PHP. Validierung mit JS allerhöchstens danach aus Usability-Gründen.

rudygotya · 14.09.2010, 20:52

Falls das jquery autocomplete von bassistance ist, lies doch mal die Doku.

PHP-Code:

  mustMatch: true

und du bist glücklich

Berliner030 · 15.09.2010, 13:42

Mensch rudygotya,

das ist ja genau das was ich haben will - Super!

Ich wollte gerade eben das Problem im Jobforum posten und nun geht das so einfach. Juchu

Ich verbeuge mich und bedanke mich vielmals für den Hinweis.

Schulter klopf!!!!!!!

Schöne Grüße
Matthias

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JQuery + Autocomplete mit htmlentities	saduccm	JavaScript, Ajax und mehr	4	13.05.2009 09:15

14.09.2010, 18:19
Berliner030 Neuer Benutzer Registriert seit: 14.09.2010 Beiträge: 18 PHP-Kenntnisse: Anfänger	[Erledigt] jQuery Autocomplete - nur Begriffe aus Vorschlagsliste erlauben? Hallo Freunde, ich nutze jQuery-Autocomplete um ein Feld mit einem Städtenamen zu füllen. Die Städtenamen liegen in einer Datenbank vor. Format der Städte: Berlin (DE) Hamburg (DE) Bern (CH) Wien (AT) Ich möchte jetzt gerne erreichen, dass das Feld ausschließlich Einträge annimmt welche genau so in der Datenbank vorliegen und mit der Datenbank übereinstimmen. Bsp: Richtig = Berlin (DE) Falsch = Berlin Falsch = berlin Falsch = Ber lin usw. Bei Falschangabe sollte eine Meldung erscheinen und das Feld wieder gelöscht werden bzw. weiterhin "Required" sein. Leider weiß ich als PHP/SQL/Js-Noob nicht wie man soetwas realisieren könnte. Wäre vielleicht von Euch jemand so nett und könnte mir das helfen? Der verwendete Code lautet im Moment folgendermaßen. Seite mit dem Autocomplete-Feld PHP-Code: <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> </head><body> <p><input id="autocomplete" type='text'></p> <script type="text/javascript"> function selectItem(li) { return false; } function formatItem(row) { return row[0] + "<i>" + row[1] + "</i>"; } $(document).ready(function() { $("#autocomplete").autocomplete("1.php", { minChars:2, matchSubset:1, matchContains:1, cacheLength:10, onItemSelect:selectItem, selectOnly:1 }); }); </script></body></html> Und hier der Code für die PHP-Datei (SQL-Abfrage) PHP-Code: <?php header('Content-Type: text/html; charset=utf-8'); //connection information $host = "localhost"; $user = "root"; $password = "pass"; $database = "projekt"; $param = $_GET["term"]; //make connection $server = mysql_connect($host, $user, $password); $connection = mysql_select_db($database, $server); mysql_query('set character set utf8;'); $res = mysql_query("SELECT city FROM zipcodes WHERE city LIKE '".$_GET['q']."%' "); while($row=mysql_fetch_object($res)) { echo $row->city."\n"; } ?> Über Hilfe würde ich mich freuen. Gruß Matthias


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.09.2010, 18:28
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Von wievielen Einträgen reden wir denn hier? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

14.09.2010, 18:41
Berliner030 Neuer Benutzer Registriert seit: 14.09.2010 Beiträge: 18 PHP-Kenntnisse: Anfänger	Nachtrag: Eigentlich müsste man ja "nur" folgendes irgendwie coden. Schaue nach was im Feld eingetragen wurde Vergleiche Wert mit Datenbank Wenn Wert so in Datenbank = True Wenn Wert nicht in Datenbank = false etc. Grübel!

14.09.2010, 20:52
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Falls das jquery autocomplete von bassistance ist, lies doch mal die Doku. PHP-Code: `mustMatch: true` und du bist glücklich __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

15.09.2010, 13:42
Berliner030 Neuer Benutzer Registriert seit: 14.09.2010 Beiträge: 18 PHP-Kenntnisse: Anfänger	Mensch rudygotya, das ist ja genau das was ich haben will - Super! Ich wollte gerade eben das Problem im Jobforum posten und nun geht das so einfach. Juchu Ich verbeuge mich und bedanke mich vielmals für den Hinweis. Schulter klopf!!!!!!! Schöne Grüße Matthias