form表单action提交的js部分与html部分

前端技术 2023/09/05 JavaScript
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(\'提示\',\'<br>日志发表成功!\',\'info\');
}else{

$.messager.alert(\'提示\',\'<br>日志发表失败!\',\'warning\');
}
}
});
}
/**
* 发表日志
*/
function publishBlog() {
submitForm(\"http://localhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__\",\"发表\",\"日志\",\"fm1\",\"publish\");
}

2、html部分
复制代码 代码如下:

<form style=\"padding: 10px 8px;\" method=\"post\" action=\"\" id=\"fm1\" name=\"fm1\">
<div style=\"margin-bottom: 10px;\">
<span style=\"padding-right: 10px;\">标题:</span>
<input type=\"text\" id=\"title\" name=\"blog.title\" class=\"int_txt\" maxlength=\"30\">
</div>
<div style=\"margin-bottom: 10px;\">
<span style=\"padding-right: 10px;\">内容:</span>
<input type=\"text\" id=\"content\" name=\"blog.content\" class=\"int_txt\" maxlength=\"3000\">
</div>
<button class=\"btnstyle-strong btn-submit btn-submit-2\" type=\"submit\" title=\"发表日志(ctrl+enter)\" id=\"saveBlogButton\" onclick=\"publishBlog()\">
<span>发 表</span>
</button>
</form>

本文地址:https://www.stayed.cn/item/12700

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。