form表单action提交的js部分与html部分_javascript技巧
程序员文章站
2022-03-19 14:07:19
...
1、JS部分代码
/**
* 提交表单
*/
function submitForm(action, actName, objName, formName,blogType){
$("#"+formName).attr("action",action);
//var f = document.getElementsByTagName("form")[0];
//alert(f.action);
$("#"+formName).form({
onSubmit:function(){
checkInput();//检查输入项是否为空
} ,
success:function(data){
if (data == "success"){
$.messager.alert('提示','
日志发表成功!','info');
}else{
$.messager.alert('提示','
日志发表失败!','warning');
}
}
});
}
/**
* 发表日志
*/
function publishBlog() {
submitForm("http://localhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__","发表","日志","fm1","publish");
}
2、html部分
复制代码 代码如下:
/**
* 提交表单
*/
function submitForm(action, actName, objName, formName,blogType){
$("#"+formName).attr("action",action);
//var f = document.getElementsByTagName("form")[0];
//alert(f.action);
$("#"+formName).form({
onSubmit:function(){
checkInput();//检查输入项是否为空
} ,
success:function(data){
if (data == "success"){
$.messager.alert('提示','
日志发表成功!','info');
}else{
$.messager.alert('提示','
日志发表失败!','warning');
}
}
});
}
/**
* 发表日志
*/
function publishBlog() {
submitForm("http://localhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__","发表","日志","fm1","publish");
}
2、html部分
复制代码 代码如下:
上一篇: 全面剖析Python的Django框架中的项目部署技巧
下一篇: 怎样操作vue函数调用顺序
推荐阅读
-
用JS提交参数创建form表单在FireFox中遇到的问题_javascript技巧
-
form表单中去掉默认的enter键提交并绑定js方法实现代码_javascript技巧
-
用JS提交参数创建form表单在FireFox中遇到的问题_javascript技巧
-
js函数名与form表单元素同名冲突的问题_javascript技巧
-
form表单中去掉默认的enter键提交并绑定js方法实现代码_javascript技巧
-
js实现表单多按钮提交action的处理方法_javascript技巧
-
form表单action提交的js部分与html部分_javascript技巧
-
js实现表单多按钮提交action的处理方法_javascript技巧
-
js函数名与form表单元素同名冲突的问题_javascript技巧
-
js实现a标签超链接提交form表单的方法_javascript技巧