So senden Sie eine Textarea mit Wysiwyg Editor und Jquery

Question

Ok, weil ich so ein Noob bin und keine Ahnung habe, wie Javascript funktioniert ... Mein Denken war fehlerhaft. Ich bin jetzt halb da. Ich habe einen der Vorschläge des Plakats genommen und eine Funktion aufgestellt und dann im html Form Tag, ich rufe es an. Das funktioniert. Ich dachte, dass ich einen ID-Selektor haben müsste, um JQuery-Trigger zu haben, aber das ist nicht der Fall. Es tut mir Leid. Ich weiß, dass ich überhaupt keinen Sinn habe, aber bitte ertrage mich, ich versuche es. :)

Jetzt habe ich das Formular auf das Javascript/Jquery-Skript zeigen. Ich muss jetzt die JQuery reparieren. Hier ist der Code.

function doSave(){ 
    $(function() { 
    $('.error').hide(); 
    $("#dfar").click(function() { 
     $('.error').hide(); 

    var textArea = $('#dfarReport'); 
    if (textArea.val() == "") { 
    alert('sd'); 
     textArea.show(); 
     textArea.focus(); 
    return false; 
    } 

Aus irgendeinem Grund, obwohl ich den Absenden-Button drücken und haben die ID-Auswahl des Textbereichs enthalten ich nicht die Warnung sehen. Kann mir bitte jemand sagen, was ich falsch mache?

Answer 1

Sie könnten das Textfeld von

$('textarea') 

bekommen Wenn es das einzige auf Ihrer Seite ist.

Sie müssen nur auf dem Formular aufrufen, dass das Textfeld innerhalb

enthalten ist

EDIT:

nach dem Update zu lesen, Sie wollen einfach nur bestätigen, dass das Textfeld nicht leer ist, vor der Unterbreitung bilden. Sie müssen nur die Validierung einzurichten

var textArea = $('#results'); //Get the textarea 

if (textArea.val() == "") { 
    textArea.show(); 
    textArea.focus(); 
return false; 
} 
// perform the form submit here as textarea is not blank 

Könnten Sie das ganze Objekt erstellen, wo Sie den Code erhalten haben mit von

case "Save": 

beginnen? Es wäre wahrscheinlich eine gute Idee, dieses Objekt zu verwenden, um das Senden durchzuführen.

EDIT 2:

In Bezug auf Ihre Kommentare über die Seite aktualisiert wird, bewirkt, dass das Formular abschicken der Seite veröffentlicht werden. Es klingt, als ob Sie Daten mit AJAX senden möchten.

Werfen Sie einen Blick auf $.ajax() Befehl jQuery

Answer 2

Schaltfläche Ändern auf

<script> 
function doSave() 
{ 
    // save data using jQuery 
} 
</script> 
<input type="button" value="Save" onclick="doSave(); return false;"> 

oder

Sie können das Formular ändern mit

<form onsubmit="doSave(); return false;"> 

Answer 3

Sie so etwas wie

tun könnte

$(document).ready(function(){ 
    $("#submit_btn").click(function(){ 
     mySubmit($("#myForm")) ; // call your existing javascript submit routine 
    }); 
}); 

oder wenn Sie es vorziehen,

$(document).ready(function(){ 
    $("#myForm").submit(function(){ 
     mySubmit($("#myForm")) ; // call your existing javascript submit routine 
    }); 
}); 

Answer 4

ok, ich glaube, Sie werden diese benötigen:

$(document).ready(function(){ 

    $("form").submit(function(){ 
     var textArea = $('#dfarReport'); 

     if (textArea.val() == "") { 
      textArea.show(); 
      textArea.focus(); 
      return false; 
     } 
     else // you'll need to add the else and the return true 
     { 
      return true; 
     } 
    }); 

}); 

Sie müssen true zurück, wenn das Formular gültig ist.

Weitere Informationen: http://docs.jquery.com/Events/submit

Aber stellen Sie sicher, dass Sie die Daten auf dem Server als auch bestätigen!

Answer 5

posten Sie bitte den von Ihnen verwendeten Code.

Sie bearbeitet wie 3x und es gibt immer einen anderen Ansatz.

Ok, wenn Sie den Code verwenden möchten, wie Sie jetzt in Ihrem ersten Beitrag definiert, werden Sie dies tun müssen:

function doSave(){ 
    $(function() { 
    $('.error').hide(); 
    $("#dfar").click(function() { 
     $('.error').hide(); 

    var textArea = $('#dfarReport'); 
    if (textArea.val() == "") 
    { 
     alert('sd'); 
     textArea.show(); 
     textArea.focus(); 
    return false; 
    } 
    else 
    { 
     return true; 
    }