jQuery在即兴插件中执行表单验证 [英] jQuery to perform form validation in impromptu plugin

问题描述

使用jquery即兴弹出窗口，我已经制作了一个表单。但问题是我想在提交之前检查用户输入。可能吗。

在这里，如果用户在第二个屏幕中选择选项，我想基于它调用另一个弹出窗口。是否有可能。

  var  my_states = {
 state0：{
 title：' 名称'，
 html：' < label>首先< input type =textname =fnamevalue =>< / label>< br />' + 
 ' < label> Last< input type =textname =lnamevalue => < / label>< br />'，
按钮：{下一个： 1 }，
  //  焦点：输入[name ='fname']， 
提交： function （e，v，m，f）{
  console  .log（f）; 
 
 e.preventDefault（）; 
 $ .prompt.goToState（'  state1'）; 
} 
}，
 state1：​​{
 title：' 检查这里'，
 html：' < table>< tr>< td> 生成功能< / 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>'，
按钮：{Back：-1，Next： 1 }，
  //  焦点：：输入：第一个， 
提交：功能（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）; 
 

解决方案

.prompt.goToState（' STATE1' ）;
}
}，
state1：​​{
title：' 检查这里'，
html：' < table>< tr>< td> 生成功能< / 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>'，
按钮：{Back：-1，Next： 1 }，
// 焦点：：输入：第一个，
提交：功能（e，v，m，f）{
console .log（f）;

if （v == 1 ）{

.prompt.close（）;
return false ;}
如果（v == - 1）

Using jquery impromptu popup, i have made a form . But the problem is i want to check the user input before submitting. Is it possible.
In here, if the user selects options in the second screen, i want to call another popup based on it. Is it possible.

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>Generate Func </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);

解决方案

.prompt.goToState('state1'); } }, state1: { title: 'Check Here', html:'<table><tr><td>Generate Func </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)

这篇关于jQuery在即兴插件中执行表单验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！