在提交之前執行表單驗證 - jQuery

Question

使用jquery即興彈出窗口，我已經創建了一個窗體。但問題是我想在提交之前檢查用戶輸入。可能嗎。
在這裏，如果用戶在第二個屏幕上選擇選項，我想要調用另一個彈出窗口，其基於其值。可能嗎。

var my_states = { 
state0: { 
    title: 'Name', 
    html:'<label>First <input type="text" name="fname" value=""></label><br />'+ 
     '<label>Last <input type="text" name="lname" value=""></label><br />', 
    buttons: { Next: 1 }, 
    //focus: "input[name='fname']", 
    submit:function(e,v,m,f){ 
     console.log(f); 

     e.preventDefault(); 
     $.prompt.goToState('state1'); 
    } 
}, 
state1: { 
    title: 'Check Here', 
    html:'<table><tr><td><strong>Generate ODEC ID </strong></td><td>:</td><td id=\'gen_odec\' class=\'gen_odec\'> <select name=\'select_odec\' id=\'select_odec\' class=\'select_odec\'>'+<?php echo json_encode($odecpref)?>+'</select></td></tr></table>', 
    buttons: { Back: -1, Next: 1 }, 
    //focus: ":input:first", 
    submit:function(e,v,m,f){ 
     console.log(f); 

     if(v==1) {$.prompt.close(); 
        return false;} 
     if(v==-1) $.prompt.goToState('state0'); 
     e.preventDefault(); 
    } 
}, 
}; 
$.prompt(my_states); 

Answer 1

在jQuery中使用「on」可以解決問題------就像這樣。感謝@Roland Bertolom

$(document).on('change', '#select_odec', function(){ 
if($(this).val() === 'valueOfDesiredOption') { 
    $.prompt.goToState('stateYouNeed'); 
} 

}）;