bob体育官方平台
Jquery/js submit()无法提交问题

使用jquery的submit()函数提交form表单时,总是无法提交表单。这个问题太诡异了,是因为form中提交表单的input的name属性为submit,把name改成其他的名称,就可以使用了。

有朋友可能会直接利用js或jquery来提交数据而不是使用表单直接提交了,小编来给大家介绍小编碰到的一个问题就是 submit()无法提交,下面我们来看解决办法与原因分析。

jQuery form插件之formDdata参数校验表单及验证后提交,jqueryformddata

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。

测试环境:部署到Tomcat中的web项目。

一、引入依赖js

<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>

二、初始化回调函数。

首先,我们初始化这个表单,给它一个 beforeSubmit 回调函数 - 这是一个用来校验的函数。

$(document).ready(function() { 
$('#myForm').ajaxForm({ 
target:'#output1', // 用服务器返回的数据 更新 id为output1的内容.
beforeSubmit: validate // 提交前,验证
}); 
});

三、校验规则

function validate(formData, jqForm, options) { 
// formdata是数组对象,每个对象拥有名称和值.
// 数据如下面的格式:
// [ 
// { name: username , value: usernameValue }, 
// { name: password , value: passwordValue } 
// ] 
for (var i=0; i < formData.length; i++) { 
if (!formData[i].value) { 
alert('用户名,地址和自我介绍都不能为空!'); 
return false; 
} 
} 
var queryString = $.param(formData); //组装数据
//alert(queryString); //类似 : name=1&add=2 
return true; 
}

四、详细代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery form插件的使用--用 formData 参数校验表单</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(document).ready(function() { 
$('#myForm').ajaxForm({ 
target: '#output1', // 用服务器返回的数据 更新 id为output1的内容.
beforeSubmit: validate // 提交前,验证
}); 
});
function validate(formData, jqForm, options) { 
// formdata是数组对象,每个对象拥有名称和值.
// 数据如下面的格式:
// [ 
// { name: username , value: usernameValue }, 
// { name: password , value: passwordValue } 
// ] 
for (var i=0; i < formData.length; i++) { 
if (!formData[i].value) { 
alert('用户名,地址和自我介绍都不能为空!'); 
return false; 
} 
} 
var queryString = $.param(formData); //组装数据
//alert(queryString); //类似 : name=1&add=2 
return true; 
}
</script> 
</head>
<body>
<h3> Demo 5 :jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证). </h3>
<form id="myForm" action="ajax2.jsp" method="post"> 
名称: <input type="text" name="name" id="name" /> <br/>
地址: <input type="text" name="address" id="address"/><br/> 
自我介绍: <textarea name="comment" id="comment" ></textarea> <br/>
<input type="submit" id="test" value="提交" /> <br/>
<div id="output1" ></div>
</form>
</body>
</html>

以上所述是小编给大家分享的jQuery form插件之formDdata参数校验表单及验证后提交的全部内容,希望对大家有所帮助。

表单可以提交之后,又出现了新的问题。由于基于dz开发,表单提交之后使用submitcheck()这个函数来检查表单是否提交,由jquery提交上来的表单始终无法验证通过。最后采用模拟点击提交按钮的方法来实现。

jquery无法提交

您可能感兴趣的文章:

  • Jquery ajaxsubmit上传图片实现代码
  • IE中jquery.form中ajax提交没反应解决方法分享
  • 在jQuery ajax中按钮button和submit的区别分析
  • jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
  • jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
  • jquery ajaxSubmit 异步提交的简单实现
  • jquery实现ajax提交form表单的方法总结
  • jquery序列化form表单使用ajax提交后处理返回的json数据
  • jQuery使用ajaxSubmit()提交表单示例
  • Jquery基于Ajax方法自定义无刷新提交表单Form实例
  • jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象

form插件之formDdata参数校验表单及验证后提交,jqueryformddata Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表...

复制代码 代码如下:$.trigger;

 代码如下

方法很简单实用,这里推荐给小伙伴们,希望大家能够喜欢。

复制代码

<form action="register.php" method="post">

<label>邮箱:</label> 
<input type="text" class="loginform_input" id="email" name="email" /><div id="emailerror"></div>

<input type="button" class="loginform_submit" id="submit" value="注册" />

</form>

<script>

$("#submit").click(function() { 
$("form").submit(); 
});

</script>

当我提交时发现发无法正常提交,后来利用ff浏览器检查错误时发现我们有一个id="submit",这样解决办法就出来了我们把

上一篇:没有了 下一篇:没有了
返回顶部