2016-04-13 10 views
2

ich wähle Form haben:Wie bestätigen, dass der Benutzer in ausgewählter Form ausgewählt

<form method="post" name="posting_txt" onSubmit="return blank_post_check();" id="post_txt"> 
     <select style="background: transparent; border-bottom:5px;" name="subname" class="required">       
      <option value="" > Choose subject </option> 
      <option value="aaa" > AAA </option>  
      <option value="bbb" > BBB </option> 
     </select> 
    <input type="submit" value="post" name="txt" class="btn" id="post_button" onClick="time_get()"> 
</form> 

Ich mag Warnetikett setzen, wenn der Benutzer „post“ gedrückt, aber nicht wählte ein Thema

Bearbeiten- dank maihan Antwort konnte ich es beheben:

function time_get() 
    { 
     var selected = document.getElementById("select_post_id"); 
     var selectedVal = selected.options[selected.selectedIndex].value; 
     if(selectedVal != ""){ 
      //do whatever 
     }else{alert('select an option');} 
    } 

Antwort

1

Legen Sie die Logik in time_get() Funktion, die Sie haben.

if(document.getElementsByTagName(select).value ==''){ 
     alert("Select an option") 
} 
1

Sie können einen Event-Handler auf dem Formular hinzufügen, schickt es zu verhindern, wenn die Auswahl keinen Wert hat, dann eine Warnung angezeigt oder hinzufügen/Sichtbar machen eine Warnung <label>. anstelle eines leeren wählen

$('form#post_txt').submit(function(event){ 
    var subname = $('select[name="subname"]').val() 
    if(subname === null || subname === "") { 
     event.preventDefault(); 
     //warn user 
    } 
}); 

würde ich empfehlen, auch selected="selected" als Attribut auf Ihre erste Option wählen hinzufügen, so dass es von Anfang an gewählt werden.

0

Maihan Antwort ist groß, aber nur zu verbessern, würde ich den Wert von 'Wählen Sie Betreff', 'NULL' machen und dann validieren mit dem if-Anweisung

<form method="post" name="posting_txt" onSubmit="return blank_post_check();" id="post_txt"> 
    <select style="background: transparent; border-bottom:5px;" name="subname" class="required">       
     <option value=NULL > Choose subject </option> 
     <option value="aaa" > AAA </option>  
     <option value="bbb" > BBB </option> 
    </select> 
<input type="submit" value="post" name="txt" class="btn" id="post_button" onClick="time_get()"> 

Then ... js ...

function time_get(){ 
    if(document.getElementByClassName(required) != NULL){ 
     //do whatever 
    }else{alert('select an option')} 
}