2013-03-22 11 views
7

Ich muss maximale Länge für das Textfeld in der Bootstrap Xeditable Form. Die Sache ist, dass die Textbox, die erscheint, ist ein in Build-Funktion des Formulars, so konnte ich maxlength nicht festlegen attribute.I als hTML versuchte es mit jquery, aber seine nicht funktioniert. (ich nicht in der Lage bin den Screenshot zu befestigen) Bitte helfen Sie mir dies,Maximale Länge im bootstrap x-editierbaren Formular einstellen

+3

Wenn Sie den Screenshot nicht anhängen können, könnten Sie zumindest den Code anhängen. – sevenseacat

+0

auch, in Betracht ziehen, eine jsfiddle hinzufügen - Sie können durch Forking [dieser] ( – Marijn

Antwort

0

Nun zu lösen, sollten Sie das maxLength Attribut festlegen können, unter Verwendung von jQuery, zum Beispiel wie folgt aus:

$('#myBox').attr('maxlength', 6); 

Es gibt einige weitere Informationen in this question.

Aber es ist schwer zu sagen, was Sie ausprobiert haben. Bitte fügen Sie den jQuery-Code, den Sie versucht haben, zu Ihrer Frage hinzu, damit wir Ihnen besser helfen können.

+1

@Marijin: Ich habe versucht, genau wie Sie hier erwähnt) (http://jsfiddle.net/serra/7bw5t/). Das Problem ist, ein Textfeld mit ID mybox1, die in mybox ist, die nicht ein Benutzer definiert ist (erstellt), sondern ist ein integraler Bestandteil von mybox.Ich muss maximale Länge für diese mybox1.Ich habe versucht, mit dieser ID Name mybox1 zu stelle die maximale Länge ein, aber es funktioniert nicht. – user2091275

+0

Bitte fügen Sie das HTML zu Ihrer Frage hinzu, damit wir Ihnen besser helfen können. – Marijn

13

Sie können HTML-Attribute festlegen, indem Sie die Vorlage zu überschreiben:

Wie zum Beispiel:

$('#your_id').editable({ 
    tpl: '<textarea maxlength="250"></textarea>' 
}); 
+3

Seien Sie vorsichtig, weil das maxlength-Attribut für einen Textbereich nicht von allen Browsern unterstützt wird. Es ist ein HTML 5-Attribut (http://www.w3schools.com/tags/att_textarea_maxlength.asp) –

+1

Mein Problem wurde gelöst. Vielleicht sollten Sie auch erwähnen, dass es direkt über das Attribut "data-tpl" im html-Element gesetzt werden kann. – julealgon

0

Sieht aus wie ein „inputclass“ -Attribut ist können Sie übergeben, so können Sie es Stil, wie Sie wollen. Das Überschreiben der tpl-Option ist möglicherweise etwas schwierig, da benutzerdefinierte Bibliotheksklassen darauf angewendet werden.

+0

Ich habe Data-Tpl ohne Probleme eingestellt. – bart