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 ...

随机推荐

【Unix网络编程】chapter6 IO复用：select和poll函数
chapter6 6.1 概述 I/O复用典型使用在下列网络应用场合. (1):当客户处理多个描述符时,必须使用IO复用 (2):一个客户同时处理多个套接字是可能的,不过不叫少见. (3):如果一个T ...
小朋友学C语言（7）
数组一.数组简介 C 语言支持数组数据结构,它可以存储一个固定大小的相同类型元素的顺序集合.数组是用来存储一系列数据,但它往往被认为是一系列相同类型的变量. 数组的声明并不是声明一个个单独的变量,比 ...
jenkins API
1.curl http://199.168.299.99:8080/job/send_message/lastBuild/api/json --user administrator:1234 获取j ...
局部敏感哈希-Locality Sensitivity Hashing
一. 近邻搜索从这里开始我将会对LSH进行一番长篇大论.因为这只是一篇博文,并不是论文.我觉得一篇好的博文是尽可能让人看懂,它对语言的要求并没有像论文那么严格,因此它可以有更强的表现力. 局部敏感哈 ...
linux运维工程师工作中的一些常见问题解决方法
http://blog.sina.com.cn/s/blog_b9fe247a0101anoe.html 1.shell脚本死活不执行问题:某天研发某同事找我说帮他看看他写的shell脚本,死活不执 ...
controller检查header
以前都只能拿到request再检查,其实有相应的注解. public Result updateRecentScore(@RequestBody Map map, @RequestHeader(&qu ...
spring boot 整合案例
github : https://github.com/nbfujx/springBoot-learn-demo
bat 笔记二
@echo off echo 等待 ping -n 5 127.1 >null cls echo 我爱嘉怡 pause >null 第一条利用echo关键字关闭路径面板第二条利用echo ...
File 操作
文件乱码服务器地址 try-with-resource 属性文件获取文件排序文件过滤文件下载流文件传递文件乱码: WINDOWS系统桌面默认使用GBK,Linux系统默认使用UTF-8. ...
jenkins 修改工作目录
修改Jenkins路径 Jenkins的默认安装路径是/var/lib/jenkins 现在由于这个根目录的磁盘太小,所以切换到/data 目录下. Jenkins目录.端口.工作目录等信息在/etc ...

15-js提交表单的简单检测实例

15-js提交表单的简单检测实例的更多相关文章

随机推荐

热门专题