我想在jQuery中从"my_form"上传图片,我尝试了submit()函数,它总是重定向到SavePicture.jsp.是否可以在不刷新任何页面的情况下汇总此表单？
这是我的HTML代码
<form action="SavePicture.jsp" method="post" id="my_form" enctype="multipart/form-data">
<input name="file" type="file" id="file" size="35">
<input type="button" onClick="upload()" value="upload"></input>
</form>
还有我的剧本
function upload(){
jQuery("form#my_form").submit();
}
我有一个简单的表单,可以选择一个选项(单选按钮).选择后,表单会自动提交(使用onchange属性):
class MyForm(forms.Form):
choices=forms.ChoiceField( widget=forms.RadioSelect(attrs={'onchange': 'this.form.submit();'}), choices=[(k,k) for k in options],label="choose one")
这很好,唯一的问题是我在表单的底部仍然有"提交"按钮.是否有可能在没有创建模板的情况下以某种方式使表单呈现而没有提交按钮？
我觉得不得不问这个办公桌真的很傻但是我不知道为什么这个代码不起作用它真的很简单叹息
当我从任一下拉列表中选择并且表单未提交时,我收到以下JavaScript错误.
未捕获的TypeError:对象#的属性'submit'不是函数
<form action="categories/view/52" method="post" accept-charset="utf-8" id="myform" name="myform">
<select name="sort" ID="sort_type" onchange='document.forms["myform"].submit();'>
<option value="label">Sort</option>
<option value="price-low-high">Price: Low - High</option>
<option value="price-high-low" selected="selected">Price: High - Low</option>
<option value="name-a-z">Name A - Z</option>
<option value="name-z-a">Name Z - A</option>
<option value="date-added-new">Date Added - New</option>
<option value="date-added-old">Date Added - Old</option>
</select>
<select name="limit" ID="sort_type" onchange='document.forms["myform"].submit();'>
<option value="items_3" selected="selected">3</option>
<option value="items_50">50</option>
<option value="items_100">100</option>
<option value="items_all">all</option>
</select>
<input type="submit" name="submit" value="submit" />
</form>
我有一个简单的表单供用户在"墙上"发布.正如您所看到的,它有一个文本输入字段和一个由CSS设置的多个跨度组成的提交按钮.
<form action="http://example.com/2/chat_share" method="post" id="chat_form">
<input type="text" name="chat_msg" value="" />
</form>
<span class="share_js fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right">
<span class="fc-button-inner">
<span class="fc-button-content save_button">Share</span>
<span class="fc-button-effect">
<span></span>
</span>
</span>
</span>
当用户点击"共享"按钮时,这很有效,该按钮运行下面的AJAX:
$(document).ready(function() {
$('.share_js').click(function(event){
event.preventDefault();
var link = $('#chat_form').attr('action');
$.ajax({
url: link,
type: "POST",
data: $('#chat_form').serialize(),
dataType: "html",
beforeSend: function(){
$('#loading').show();
},
success: function() {
$('#chat_thread').load(2 + '/chat_ajax');
$('#loading').hide();
$('#chat_form input').val('');
}
});
});
});
我的问题是当我在键盘上点击'return'或'enter'时,表单是通过非AJAX方法提交的.
我想用这个键击来捕获
$('#selector').keydown(function (e){
if(e.keyCode == 13){
//code
}
})
但是无法将其包裹在我的AJAX功能中.
理想情况下,点击共享和点击返回都应该提交表单.
任何人都有建议如何做到这一点？
谢谢你的帮助!
我想最终提交我的应用程序以进行全球访问.
但是,我想首先提交给特定国家.
我想知道我是否可以逐步扩大应用程序销售的国家/地区.
并且,如果有办法,那么它与从一开始就在世界范围内提交它有什么不同.
我还会为我逐渐添加的所有国家管理一个二进制文件吗？
嗨,我想提交父母和孩子,我能够提交父母罚款,但不是孩子,有没有办法做到这一点？
这是我的代码.
@model IECWeb.Models.CurrencyDay
using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>CurrencyDay</legend>
<div class="editor-label">
@Html.LabelFor(model => model.CurrencyDate)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.CurrencyDate)
@Html.ValidationMessageFor(model => model.CurrencyDate)
</div>
<p />
<table>
<tr>
<th>Currency</th>
<th>Rate</th>
</tr>
@foreach (var item in Model.Currency) {
<tr>
<td>
<div class="editor-field">
@Html.EditorFor(model => item.Name)
@Html.ValidationMessageFor(model => item.Name)
</div>
</td>
<td>
<div class="editor-field">
@Html.EditorFor(model => item.Rate)
@Html.ValidationMessageFor(model => item.Rate)
</div>
</td>
</tr>
}
</table>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
当我提交时,我得到CurrencyDay对象但不是货币列表
谢谢sushiBite.
我对jQuery提交功能有一些疑问.
这是工作环境
jQuery:1.7.2,chrome(18.0.1025.168 m).
有两个问题.
第一名:
我的代码是这样的
HTML
<form id="test" action="..." method="post">
<input type="text" />
<input type="submit">
</form>
jQuery的
$('#test').submit(function(){
return false;
})
问题是它在firefox和opera中工作得很好但是chrome.
2ST:
html:如上所述.
jQuery的:
$('#test').submit(function(){
if(...)
alert(something..);
return false;
})
它不适用于firefox,opera和chrome.它总是触发form.submit为什么.
我很困惑.谁能想出来谢谢!
我正在使用ExtJS弹出一个带有简单编辑窗口的窗口,但是在按下提交按钮时,没有进行XHR调用,并且我this.form.el.dom is undefined在控制台中报告了错误.
这是我的代码:
var myNameSpace = new function(){
var editForm, editWindow;
this.init = function(){
Ext.Ajax.request({
url: '/server/action.php',
success: function(result){
console.log('ajax is working ok'); // I get this
}
});
editForm = new Ext.form.FormPanel({
width:450,
autoHeight: true,
header : false,
items: [{
name: 'color',
fieldLabel: 'Color',
xtype: 'textfield',
value: 'blue'
}],
buttons: [{
text:"Submit",
scope: this, // tried without this, too
handler: function(){
// editForm.getForm().getValues() returns normal values
editForm.getForm().submit({
url: '/server/action.php',
success: function(form, action) {
console.log('Yes! Success!'); // …我正在设计一个用于WiFi身份验证的html页面,我想在此页面中介绍一个Checkbox和Submit按钮,在阅读条款和条件并检查CheckBox时,提交按钮将处于活动状态.
这可行吗？
谢谢,
有没有人知道我的HTML表单为什么不提交任何内容？一旦我点击提交按钮,它什么都不做？不知道发生了什么,检查了一切,无法理解它？如果有人可能有想法,那将非常有帮助,谢谢!
<div class="row">
<div class="col-md-6">
<div class="alert alert-success hidden" id="contactSuccess">
<strong>Success!</strong> Your message has been sent to us.
</div>
<div class="alert alert-danger hidden" id="contactError">
<strong>Error!</strong> There was an error sending your message.
</div>
<form name="register" action="register.php" id="contactForm" type="POST">
<div class="row">
<div class="form-group">
<div class="col-md-6">
<label>First name *</label>
<input type="text" value="" data-msg-required="Please enter your first name." maxlength="100" class="form-control" name="first_name" id="name">
</div>
<div class="col-md-6">
<label>Last name *</label>
<input type="text" value="" data-msg-required="Please enter your last name." maxlength="100" class="form-control" name="last_name" id="name">
</div>
</div>
</div> …