Question

我在FancyBox（ajax）中打开一个页面。该页面包含一个表单。我只能通过Ajax提交数据，所以我没有分配任何＆＃34;动作＆＃34;或＆＃34;方法＆＃34;这种形式。按钮类型也不是＆＃34;提交＆＃34;。我无法将其更改为＆＃34;提交＆＃34;因为我必须在同一个fancybox中加载下一页。在HTML5中有没有办法制作按钮＆＃34;默认＆＃34;没有做到＆＃34;提交＆＃34;类型？

以下是我在fancybox中打开的表单：

<form role="form" class="form-horizontal">
    <div class="form-group">
        <label for="scheduleName">Assign name</label>
        <input type="text" name="scheduleName" id="scheduleNamePopup" class="form-control" autocomplete="off">
    </div>
    <div class="form-group">
        <button type="button" id="theDefaultBtn" class="btn btn-success"><span class="glyphicon glyphicon-check"></span>Continue</button>
        <button type="button" class="btn btn-default" id="cancelFx">Cancel</button>
    </div>
</form>

Answer 1

使其提交类型并在受影响的函数（如果有的话）之后的Onclick事件中添加将取消提交行为的return false; 例如：

<input type="submit" onclick="yourfunction(); return false;" value="button" />

或

<input id="but" type="submit" value="button" />

并在您的函数中

$('#but').click(function(){
    //your ajax code and stuff goes here
    return false;
    });

Answer 2

<button type="submit" onclick="submit($(this).parents('form')); return false">text</button>

首先执行类似此按钮的onclick事件，该事件绑定到按钮，在jQuery（javascript）中触发submit()函数，而代码return false之后不允许按钮提交表单！

创建一个默认按钮而不提交

2 个答案: