标签: jquery-form-wizard

提交按钮以提交表单并使用jquery表单向导转到下一个屏幕

我正在使用jquery FormWizard,并希望在最后一个屏幕上使用提交按钮作为提交表单的方式并转到下一个屏幕.

问题是我在我的Java代码中嵌入了这个jquery脚本.现在我有一个来自jquery表单向导的"提交"按钮,我的Java代码中有一个"继续"按钮.因此,用户通过按"提交"提交表单,然后按"继续"进入下一个屏幕.不是用户的理想情况.

如果我只是使用"继续"而不按提交,它不会存储表格的任何信息.按"提交"然后"继续"后,表单上的所有信息都将保存在数据库中.如何使用" 继续"按钮作为提交,并继续进入下一个屏幕,以便我不需要在最后一个屏幕上提交按钮.

Script sc = new Script();
sc.add("$(function(){$('#formScreenQuestions').formwizard({formPluginEnabled: true,validationEnabled: true,focusFirstInput : true,disableUIStyles : true});});");
HEADER.add(sc); 

Form form = new Form("criteria");
form.set(ID, "formScreenQuestions");
Div dh = new Div();
dh.set(ID, "lastStep");
dh.set(CLASS,"step");
Table vt = new Table();
vt.row();
vt.cell(text("Please press SUBMIT before pressing CONTINUE"));
==== showing some questions with checkboxes to select =====
dh.add(vt);
Div db = new Div();
db.set(ID,"navigation");
Table bt = new Table();
bt.row();
bt.cell("<input type='reset',id='back',value='Back' />");
bt.cell("<input …
Run Code Online (Sandbox Code Playgroud)

java jquery jquery-form-wizard

5
推荐指数
1
解决办法
3566
查看次数

如何使用带有角度ui jquery passthrough的指令内的步骤来获得formwizard?

我已经使用表单向导尝试了角度的jquery passthrough,它运行得很好.现在,我有一个问题.当formwizard中的步骤位于指令内时,jquery passthrough似乎不起作用(显示所有步骤而不是仅显示第一个步骤):

<form ui-jq="formwizard" ui-options="{formPluginEnabled: false, validationEnabled: false, focusFirstInput : false,  disableUIStyles : true}" ng-submit="create(currentActivity, selectedCategories)" class="main">
                    <!--STEP 1 -->             
                    <div activity-wizard-step title="Class Activity Info" description="Add all info about the activity" src="resources/angular/templates/activity_wizard/activity_info.html" step-number="1"></div>

                    <!-- STEP 2 -->
                    <div activity-wizard-step title="Add Class(es)" description="dd Instructor-Led-Training (ILT) Classes below. It can be a classroom ILT or a Webinar ILT and contain 1 or more sessions." src="resources/angular/templates/activity_wizard/add_class.html" step-number="2"></div>

</form>
Run Code Online (Sandbox Code Playgroud)

这是我的activityWizardStep指令的样子:

directivesModule.directive('activityWizardStep', function () {
    return {
        replace: true,
        restrict: 'AE',
        scope: {
            title: …
Run Code Online (Sandbox Code Playgroud)

jquery-form-wizard angularjs angular-ui

3
推荐指数
1
解决办法
5256
查看次数

标签 统计

jquery-form-wizard ×2

angular-ui ×1

angularjs ×1

java ×1

jquery ×1