Split Formularfeld Wert mit jQuery

Question

Ich arbeite an einem Skript, das Daten aus einem Feld und füllt ein zweites Feld mit einem Teil davon. Bisher funktioniert es super :-)

Allerdings möchte ich nun einfach einen Teil des Wertes aus einem Feld verschieben.

Zum Beispiel, wenn ein Benutzer Helena Bonham-Carter betritt es würde das last_name Feld mit Bonham-Carter bevölkern und den full_name Wert als Helena Bonham-Carter verlassen.

Demo: https://jsfiddle.net/ygvtb7yn/

HTML:

<p><input type="text" name="full_name" id="full_name" placeholder="Full Name"/></p> 
<p><input type="text" name="last_name" id="last_name"></p> 

JS:

$('#full_name').keyup(function(){ 
    $('#last_name').val(this.value); 
}); 

Answer 1

Sie JavaScript verwenden split():

$('#full_name').keyup(function(){ 
    $('#last_name').val(this.value.split(' ')[1]); 
}); 

JSFiddle

-

Edit: wenn es möglich ist, mehr als ein Leerzeichen im Namen zu haben, verwenden Sie den folgenden Code ein:

$('#full_name').keyup(function() { 
    if (this.value.indexOf(' ') > 0) 
     $('#last_name').val(this.value.substr(this.value.indexOf(' ') + 1)); 
}); 

JSFiddle

Answer 2

Sie müssten t sagen Der Benutzer soll den Namen wie zuerst (Leerzeichen) zuletzt oder was auch immer in der Mitte eingeben.

$('#last_name').val($(this).val().split(" ")[1]) 

Answer 3

Verwenden $('#last_name').val($(this).val().split(" ")[1]);

Aber das garantiert nicht, einen korrekten Nachnamen für Instanzen, die die Vornamen der Person haben zwei Worte oder wenn die Person einen zweiten Vornamen eingibt.

Was dies tut, ist im Grunde der zweite Teil der Benutzereingaben.Nach dem Raum

Answer 4

Wenn ich u richtig verstehen kann dies Ihr Problem lösen

Diese lösen wird, wenn kein Nachname Vorname dann Nachnamen und wenn Nachname ausgefüllt ist auffüllt nur Nachnamen

$('#full_name').keyup(function() { 
 
    var splitedName =$(this).val().split(" "); 
 
    if (splitedName.length > 1) 
 
    $('#last_name').val($(this).val().replace(splitedName[0],"")); 
 
    else 
 
    $('#last_name').val($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p> 
 
    <input type="text" name="full_name" id="full_name" placeholder="Full Name" /> 
 
</p> 
 

 
<p> 
 
    <input type="text" name="last_name" id="last_name"> 
 
</p>

Answer 5

ich Sie nehme nur Nachname wollen,

dieser Code unten darum kümmern, falls es mittlerer Namen auch

$('#full_name').keyup(function(){ 
    full_name = (this.value).split(" "); 
    if(full_name.length>1) 
    $('#last_name').val(full_name[full_name.length-1]); 
}); 

/wenn die Bedingung überprüft, ob vollständige Namen haben Platz nicht, dann ist es nur Vornamen.

full_name[full_name.length-1] 

Nachname zu erhalten, falls es gibt viele Mittelnamen