form表单的另类提交
来源:互联网 发布:mac彻底卸载软件数据 编辑:程序博客网 时间:2024/06/05 06:21
传统中我可能都比较喜欢在Form表单中写<input type="submit" value="submit">,
但这不是唯一的,我们也可以在Button中以js事件提交表单,例如下面一段代码:
<form action="" method="post">
......
<div class="col-sm-8" style="text-align: center">
<button type="button" class="btn btn-outline btn-primary" onclick="submitForm()"><fmt:message key="btn.save" bundle="${bundle }"/></button>
<button type="button" class="btn btn-default" onclick="cancel()"><fmt:message key="btn.cancel" bundle="${bundle }" /></button>
</div>
</form>
<script>
//使用Jquery动态执行文本栏中的校验
$('#code').change(function(){
var divCode = document.getElementById("div-code");
var len = document.getElementById("code").value.length;
divCode.className = "form-group";
if (len < 1) {
divCode.className = "form-group has-error";
}
});
$('#name').change(function(){
var div = document.getElementById("div-name");
var len = document.getElementById("name").value.length;
div.className = "form-group";
if (len < 1) {
div.className = "form-group has-error";
}
});
function submitForm() {//通过button按钮执行表单提交,而非input中type=submit
document.form1.submit();
};
function cancel() {//通过button 按钮点击事件执行跳转
document.write("<form action='unitList' method=post name=backform style='display:none'>");
document.write("</form>");
document.backform.submit();
};
</script>
- form表单的另类提交
- form表单的提交!!!
- form表单的提交
- form表单的提交方式
- 简单的form表单提交...
- form 表单提交的设置
- JS的form表单提交
- form 表单提交的方式
- 不规则的form表单的提交
- form表单的提交相关的jquery
- form表单的提交方式的区别
- 关于Form表单的提交与验证???
- form表单按回车键的提交
- 如何解决Form表单的重复提交
- 关于form表单的提交形式
- EXT的form表单提交方式总结
- html form onsubmit表单提交的问题
- 回车自动提交Form表单的问题
- CentOS 7 - yum常见命令
- P1434 滑雪
- 使用Handler容易产生的内存泄露以及介绍下Java的4种引用
- Leetcode 4 Median of Two Sorted Arrays
- 通过Unity3d创建二维码
- form表单的另类提交
- 如何使用适配器模式(JAVA版)
- LeetCode 261. Graph Valid Tree
- 在c# winfrom中加载com组件
- 基础练习 字母图形
- centos7 关闭firewall安装iptables并配置,关闭SELINUX
- Java 字符串处理的一些小细节
- Leetcode 110. Balanced Binary Tree
- Maven项目部署到tomcat6(内嵌tomcat6)