大家对 form 表单的 action 提交有些了解吧,下面为大家介绍下实现的 js 部分与 html 部分,感兴趣的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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");
- }
- <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>
来源: