如何使用jQuery提交页面
嗨,我需要提交一个页面后,一些验证完成。我以前从未使用过jQuery,知道怎么做吗? 脚本来自本教程如何使用jQuery提交页面,jquery,html,Jquery,Html,嗨,我需要提交一个页面后,一些验证完成。我以前从未使用过jQuery,知道怎么做吗? 脚本来自本教程 var demoForm=$(“#演示形式”); demoForm.validation(); demoForm.submit(函数(e){ $(“#有效形式”).remove(); if(demoForm.validate()){ append(“表单有效!”; //在这里提交页面 } e、 预防默认值(); }); 也许你可以试试: $("#valid-form").submit();
var demoForm=$(“#演示形式”);
demoForm.validation();
demoForm.submit(函数(e){
$(“#有效形式”).remove();
if(demoForm.validate()){
append(“表单有效!”;
//在这里提交页面
}
e、 预防默认值();
});
也许你可以试试:
$("#valid-form").submit();
但是…在你的代码中,你删除了表单,所以没有什么要提交的。也许您可以使用hide()而不是remove()。也许您可以尝试:
$("#valid-form").submit();
但是…在你的代码中,你删除了表单,所以没有什么要提交的。也许可以使用hide()而不是remove()。尝试使用
$(“#有效形式”).submit()代码>尝试使用
$(“#有效形式”).submit()代码>
由于您正在处理表单的submit
事件,您只需在该事件无效时调用preventDefault()
:
demoForm.submit(function(e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
} else {
e.preventDefault();
}
}
demoForm.submit(function (e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
}
else
e.preventDefault();
});
demoForm.submit(函数(e){
$(“#有效形式”).remove();
if(demoForm.validate()){
append(“表单有效!”;
}否则{
e、 预防默认值();
}
}
由于您正在处理表单的submit
事件,您只需在该事件无效时调用preventDefault()
:
demoForm.submit(function(e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
} else {
e.preventDefault();
}
}
demoForm.submit(function (e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
}
else
e.preventDefault();
});
demoForm.submit(函数(e){
$(“#有效形式”).remove();
if(demoForm.validate()){
append(“表单有效!”;
}否则{
e、 预防默认值();
}
}
更改处理程序以仅在表单无效时防止默认值:
demoForm.submit(function(e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
} else {
e.preventDefault();
}
}
demoForm.submit(function (e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
}
else
e.preventDefault();
});
demoForm.submit(函数(e){
$(“#有效形式”).remove();
if(demoForm.validate()){
append(“表单有效!”;
}
其他的
e、 预防默认值();
});
更改处理程序以仅在表单无效时防止默认值:
demoForm.submit(function(e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
} else {
e.preventDefault();
}
}
demoForm.submit(function (e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
}
else
e.preventDefault();
});
demoForm.submit(函数(e){
$(“#有效形式”).remove();
if(demoForm.validate()){
append(“表单有效!”;
}
其他的
e、 预防默认值();
});
如果表单有效,只需返回true
否则返回false
它将停止表单提交
demoForm.submit(function (e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
return true;
}
return false;
});
demoForm.submit(函数(e){
$(“#有效形式”).remove();
if(demoForm.validate()){
append(“表单有效!”;
返回true;
}
返回false;
});
如果表单有效,只需返回true
否则返回false
它将停止表单提交
demoForm.submit(function (e) {
$("#valid-form").remove();
if (demoForm.validate()) {
demoForm.append("<strong id='valid-form'>Form is valid!</strong>");
return true;
}
return false;
});
demoForm.submit(函数(e){
$(“#有效形式”).remove();
if(demoForm.validate()){
append(“表单有效!”;
返回true;
}
返回false;
});
尝试调整脚本代码,以仅在验证失败时防止提交。例如,以下代码(由于您只提供了一个片段,我刚刚创建了一个基本页面,基本上满足您的需要,因此您必须根据需要调整代码)
$(文档).ready(函数(){
var valid=true;
$(“表格”)。提交(功能(e){
如果(!有效){
e、 预防默认值();
}
});});
调用.preventDefault(旁注:您也可以返回false)将停止提交。如果表单有效,它将跳过If语句并继续提交
您应该将jquery代码放在$(document).ready(function(){})中,因为您不希望在DOM完全加载之前触发任何东西
通常,应该将脚本标记放在HEAD元素中
请尝试调整脚本代码,以仅在验证失败时阻止提交。例如,以下代码(由于您只提供了一个片段,我刚刚创建了一个基本页面,基本上满足您的需要,因此您必须根据需要调整代码)
$(文档).ready(函数(){
var valid=true;
$(“表格”)。提交(功能(e){
如果(!有效){
e、 预防默认值();
}
});});
调用.preventDefault(旁注:您也可以返回false)将停止提交。如果表单有效,它将跳过If语句并继续提交
您应该将jquery代码放在$(document).ready(function(){})中,因为您不希望在DOM完全加载之前触发任何东西
通常,应该将脚本标记放在HEAD元素中
表单提交的document.name如果希望页面正常提交并在验证后刷新页面,只需将e.preventDefault()
放在}中即可{
之后如果是id为有效表单的元素
,则
\u表单的document.name\u.submiti如果希望页面正常提交并在验证后刷新页面,只需将e.preventDefault()
放在中即可{
之后如果
。id为的元素是否有效形式
,a
?我得到这个错误:第42行错误:Object不支持js的这个属性或方法源代码这里有什么想法吗?是的,当然是因为你先删除了表单!奇怪的是,我收到了一个错误:Object不支持js他的属性或方法,但在提交页面后,错误出现在jqery.min.js中。如果您试图找出消息是关于哪个对象的…您应该重新开始。我得到以下错误:行:42错误:对象doe