15-js提交表单的简单检测实例
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="${pwd }/js/jquery-1.11.0.js"></script> <script type="text/javascript">
/* function submitForm() {
var name = $("#name");
var msg = "";
if ($.trim(name.val()) == "") {
msg = "姓名不能为空!";
name.focus();
alert("姓名不能为空!");
return false;
}
$("#goodsForm").submit();
} */
$(function(){
/** 员工表单提交 */
$("#goodsForm").submit(function(){ var name = $("#name");
var price = $("#price");
var num = $("#num");
var goodsid = $("#goodsid");
var msg = "";
if ($.trim(name.val()) == ""){
msg = "姓名不能为空!";
name.focus();
alert(msg);
}
if (msg != ""){
return false;
}else{
return true;
}
$("#goodsForm").submit();
});
});
</script> </head>
<body>
<form action="/goods/test" id="goodsForm" name="goodsForm"
method="post">
<!-- 隐藏表单,flag表示添加标记 2 是添加数据 -->
<input type="hidden" name="flag" value="2">
<table>
<tr>
<td class="font3 fftd">商品名:<input type="text" name="name"
id="name" size="20" />
</td>
</tr>
<tr>
<td class="main_tdbor"></td>
</tr> <tr>
<td align="left" class="fftd">
<input type="submit" id="submitbutton" onclick="" value="添加">
<input type="reset" value="取消 "></td>
</tr> </table>
</form> </body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="${pwd }/js/jquery-1.11.0.js"></script>
<!-- <script language="javascript">
function print(){
var a=myform.name.value;
alert(a);
}
</script> -->
<script type="text/javascript">
function submitForm() {
var name = $("#name");
var msg = "";
if ($.trim(name.val()) == "") {
msg = "姓名不能为空!";
name.focus();
alert("姓名不能为空!");
return false;
}
$("#goodsForm").submit();
} </script> </head>
<body>
<form action="/goods/test" id="goodsForm" name = "goodsForm" method="post">
<!-- 隐藏表单,flag表示添加标记 2 是添加数据 -->
<input type="hidden" name="flag" value="2">
<table width="100%" border="0" cellpadding="0" cellspacing="10"
class="main_tab">
<tr>
<td class="font3 fftd">
<table>
<tr>
<td class="font3 fftd">商品名:<input type="text" name="name"
id="name" size="20" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="main_tdbor"></td>
</tr> <tr>
<td align="left" class="fftd">
<input type="button" id="submitbutton" onclick="submitForm()" value="添加"> <input
type="reset" value="取消 "></td>
</tr> </table>
</form> </body>
</html>
<script type="text/javascript">
function submit () {
var name = $("#shuliang").val();
var id2 = $("#id").val();
if(name == ""){
alert("购买数量不能为空!");
}
alert("欢迎您购买:");
/* alert(name); */
/* $.post(); */
/* $.post("http://www.runoob.com/jquery/ajax-post.html",function(data,status){
alert("Data: " + data + "nStatus: " + status);
}); */
//example
var params = {id: id2, shuliang: name};
url = '${pwd}/goods/goumai';
$.post(url,params,function(data){
alert(data);//这个data就是test_post.php返回的数据
});
alert(data);
return true;
}
</script>
15-js提交表单的简单检测实例的更多相关文章
- 利用JS提交表单的几种方法和验证(必看篇)
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <scr ...
- web 界面设计---js提交表单
<script type="text/javascript"> function checkImage(){ var imageValue = document.get ...
- JS提交表单页面不跳转、JS下载、动态创建from
JS下载 function downloadFile(id) { var url = "<%=request.getContextPath()%>/cer/downlo ...
- 利用JS提交表单的几种方法和验证
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 <script type="text/javascript"> function ...
- 使用jquery.form.js提交表单上传文件
方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式. 2.clearForm() 清除表单中所有输入值的内容. 3.restF ...
- js提交表单错误:document.form.submit() is not a function
今天在写JS时,遇上这么个错误:"document.form.submit() is not a function",经过一番搜索,最终找到了修复方法. 这个错误一般是由于表单&l ...
- 什么?你还不会通过纯js提交表单?
如果程序已经封装好了, 不管后台是java .asp.net .还是php ?这个时候你的客户突然追加说我要 追加表单验证? what 妇产科 怎么办? submit 自带刷新效 ...
- 原生js提交表单
/********************* 表单提交 ***********************/ function ajax(options) { options = options || { ...
- 使用JS提交表单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
随机推荐
- [UE4]C 语言动态数组
在实际的编程中,往往会发生这种情况,即所需的内存空间取决于实际输入的数据,而无法预先确定.对于这种问题,用静态数组的办法很难解决.为了解决上述问题,C语言提供了一些内存管理函数,这些内存管理函数结合指 ...
- Log4net详细说明(全)
转自:http://www.cnblogs.com/zhangchenliang/p/4546352.htmlhttp://www.cnblogs.com/zhangchenliang/p/45463 ...
- 给iOS开发新手送点福利,简述UIDatePicker的用法
1.Locale 设置DatePicker的地区,即设置DatePicker显示的语言. 1.跟踪所有可用的地区,取出想要的地区 NSLog(@"%@", [NSLocale av ...
- 使用php的mysqli扩展库操作mysql数据库
简单介绍mysqli: 1.mysqli(mysql improve mysql扩展库的增强版) mysql扩展库和mysqli扩展库的区别 1.mysqli的稳定性 安全性 和 执行效率有所提高 ...
- python输出格式化及函数format
格式 描述%% 百分号标记%c 字符及其ASCII码%s 字符串%d 有符号整数(十进制)%u 无符号整数(十进制)%o 无符号整数(八进制)%x ...
- Linux 下的两种分层存储方案
背景介绍 随着固态存储技术 (SSD),SAS 技术的不断进步和普及,存储介质的种类更加多样,采用不同存储介质和接口的存储设备的性能出现了很大差异.SSD 相较于传统的机械硬盘,由于没有磁盘的机械转动 ...
- web.py模版系统
介绍: 调用的web.py模版语言Templetor旨在将python的强大功能带入模版.它不是为模板创建新语法,而是重用python语法. Templetor故意限制模版中的变量访问.用户可以访问传 ...
- python高亮显示输出
知识内容: 1.高亮输出语法 2.高亮输出实例 前言: 在做购物车这道题时遇到了高亮显示输出某些内容的需求,于是就学了一下这方面的知识,以下是python高亮显示输出的使用方法: 购物车链接: ht ...
- django项目环境设置
1.连接数据库,如mysql DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'django_comi ...
- WPF 自定义属性
做了一个自定义控件和一个自定义Grid,里面的元素可以随着绑定属性变化: 效果图(一定滑块): 关键代码: 1.自定义属性代码: public class MyGrid : Grid { public ...