<%@ 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提交表单的简单检测实例的更多相关文章

  1. 利用JS提交表单的几种方法和验证(必看篇)

    第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <scr ...

  2. web 界面设计---js提交表单

    <script type="text/javascript"> function checkImage(){ var imageValue = document.get ...

  3. JS提交表单页面不跳转、JS下载、动态创建from

    JS下载 function downloadFile(id) {     var url =  "<%=request.getContextPath()%>/cer/downlo ...

  4. 利用JS提交表单的几种方法和验证

    第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 <script type="text/javascript"> function ...

  5. 使用jquery.form.js提交表单上传文件

    方法: 1.formSerilize()  用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式. 2.clearForm()   清除表单中所有输入值的内容. 3.restF ...

  6. js提交表单错误：document.form.submit() is not a function

    今天在写JS时,遇上这么个错误:"document.form.submit() is not a function",经过一番搜索,最终找到了修复方法. 这个错误一般是由于表单&l ...

  7. 什么？你还不会通过纯js提交表单？

    如果程序已经封装好了, 不管后台是java .asp.net   .还是php   ?这个时候你的客户突然追加说我要 追加表单验证?   what  妇产科    怎么办? submit  自带刷新效 ...

  8. 原生js提交表单

    /********************* 表单提交 ***********************/ function ajax(options) { options = options || { ...

  9. 使用JS提交表单

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. 【洛谷】P1357 花园（状压+矩阵快速幂）

    题目 传送门:QWQ 分析 因为m很小,考虑把所有状态压成m位二进制数. 那么总状态数小于$ 2^5 $. 如果状态$ i $能转移到$ j $,那么扔进一个矩阵,n次方快速幂一下. 答案是对角线之和 ...

  2. 伯克利、OpenAI等提出基于模型的元策略优化强化学习

    基于模型的强化学习方法数据效率高,前景可观.本文提出了一种基于模型的元策略强化学习方法,实践证明,该方法比以前基于模型的方法更能够应对模型缺陷,还能取得与无模型方法相近的性能. 引言 强化学习领域近期 ...

  3. 基于Linux的Samba开源共享解决方案测试（六）

    在极限读场景下,对于客户端的网络监控如图: 在极限写场景下,对于NAS1网关的网络监控如图: 在极限写场景下,对于NAS2网关的网络监控如图: 在极限写场景下,对于客户端的网络监控如图: 在极限混合读 ...

  4. mysql sleep连接过多解决办法

    睡眠连接过多,会对mysql服务器造成什么影响? 严重消耗mysql服务器资源(主要是cpu, 内存),并可能导致mysql崩溃. 造成睡眠连接过多的原因? 1. 使用了太多持久连接(个人觉得,在高并 ...

  5. javascript变量作用域 — 全局变量

    javascript中,如果没有用var 声明一个变量,则该变量会被自动创建在全局作用域中,即使你是在某个函数中创建的,它也会成为全局变量,从而可以被另一个函数调用.

  6. linux操作系统1 Linux入门

    知识内容: 1.操作系统简介 2.Linux操作系统简介 3.Linux安装 4.Linux各大发行版本介绍 一.操作系统介绍 1.为什么需要操作系统 现代的计算机系统由处理器,主存,硬盘,键盘,鼠标 ...

  7. c#面向对象基础3

    静态与非静态的区别 (1)在非静态类中既可以有实例成员,也可以有静态成员(static修饰). (2)在调用静态成员的时候要使用:对象名.实例成员. (3)在调用静态成员的时候要使用:类名.静态成员. ...

  8. api 1.1构架篇

    首先让其自动加载??? 在YiiBase.php里面 改写autoload方法:     /**     * Class autoload loader.     * This method is p ...

  9. Mysql 游标使用

    BEGIN #shopsId 商家ID #accountDay 10位日期 -- 定义一个或者多个 变量来接收 游标查询的列值 DECLARE receiptContentId INT; -- 遍历数 ...

  10. 常用HTTP状态码

    1.常用状态码介绍 在http响应协议中,我们通过HttpWatch抓包抓取到响应信息.其中响应首行中就包含一个状态码.状态码由三位数字组成,表示请求是否被理解或者被满足.HTTP响应状态码的第一个数 ...