Выполните проверку формы перед отправкой - jQuery

Question

Используя jquery impromptu popup, я сделал форму. Но проблема в том, что я хочу проверить ввод пользователя перед отправкой. Является ли это возможным.
Здесь, если пользователь выбирает параметры на втором экране, я хочу вызвать другое всплывающее окно, основанное на , его значение. Является ли это возможным.

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

Использование «on» в jQuery решает проблему ------ вот так. Благодаря @Roland Bertolom

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

});