¿Cómo hacer la validación en el cuadro de diálogo de JQuery?

Quiero poner validación en mi cuadro de diálogo. Uno será la validación vacía y el segundo será la validación del correo electrónico.

if (emailAndPasswordCheck) { $( "#dialog-modal" ).dialog({ height: 160, closeOnEscape: false, modal: true }); } 

bien, su validación de correo electrónico nad código de validación vacío es como para el archivo PHP También descargue jquery de algún enlace con la versión mencionada – jquery-1.9.1.js. Creado uno abc, js abc.js

           

Puede colocar en cualquier lugar … crear un archivo php más con cualquier nombre, digamos abc.php

  

Y su archivo abc.js es como:

 $(document).ready(function() { $('#slct_pstate, #slct_tstate' ).bind('change click scroll ',function(e) { fill_cities(); }); $('#slct_tstate').bind('change click scroll ',function(e) { fill_cities(); }); email_validation() 

// reemplaza form_nempcontact con tu nombre de formulario–

 $('#submit').click(function() { submit_fxn(); $('#form_nempcontact').submit(function(e) { return false; }); }); }); function email_validation(){ $('#txt_pemail').focusin(function(e) { if($('#txt_pemail').val() == ''){ $('span.spemail').text('Go for valid email address').addClass('validatectrl');; } else{ emailvalidattion($('#txt_pemail').val()); } }).blur(function(e) { $('span.spemail').html(''); }).keyup(function(e) { emailvalidattion($('#txt_pemail').val()); }); };//**** function emailvalidattion(email){ $.post('PHP/check.php', {email:email}, function(result){ $('span.spemail').text(result).addClass('validatectrl'); }); };//** function submit_fxn(){ var check_flag = 0; var fname = $('#txt_firstname'); var fname_val = fname.val(); var fname_dftlngth = fname.attr('minlength'); var fname_usrdftlngth = fname_val.length; if(fname_usrdftlngth == 0 || fname_usrdftlngth < fname_dftlngth){ $(fname).css({ "background-color":"#FF0000", "border":"soild 2px yellow" }); check_flag = 1; }else{ $(fname).css({ "background-color":"#FFFFFF" }); } if(check_flag == 1){ $("#form_nempcontact").submit(function() { $("#validate_msg").text(''); }); } if(check_flag == 0){ //---Write your code here } }; 

// su código CSS como -

  p.validate_msg { border: 1px solid #FF0000; font-weight: bold; padding: 10px; display:none; margin-bottom:25px; color:#FFFF00; } span.validatectrl, p.validatectrl { color:#FFFF00; font-family:"Times New Roman", Times, serif; font-size:14px; padding-left:8px; } span.validatectrlgreen { color:#090; padding-left:8px; font-style:italic; } 

Si esta respuesta es correcta, márcala como respuesta

El complemento de validación de jQuery es generalmente bien considerado y fácil de usar.