1. 程式人生 > >jquery事件--bind()方法

jquery事件--bind()方法

bind在表單提交時,繫結提交按鈕點選事件,

返回false能有效地阻止表單提交

$("#saveBtn").bind("click",function(){
			//驗證資料不能為空
			$("input[type=text]").each(function(){
				if($(this).val() == ""){
					alert("資料不能為空,請檢查");
					return false;
				};
			}); 
			
			var price = $("#goodsPrice").val();
			var stock = $("#goodsStock").val();
			
			if(isNaN(price) || isNaN(stock)){
				alert("商品單價和庫存必須是數字型別");
				return false;
			}
			
		 	if(!flag){
				alert("商品編號已經存在");
				return false;
			}	
			
		});

${error }
	<h2>商品資訊修改</h2>
	<form action="goods/update.do" method="post">
		<input type="hidden" name="goodsId" value="${goods.id }">
		商品名稱:<input type="text" id="goodsName" name="goodsName" value="${goods.goodsName }"/><br/> 
		商品編號:<input type="text" id="goodsCode" name="goodsCode" value="${goods.goodsCode }"/> <span id="message"></span><br/> 
		商品單價:<input type="text" id="goodsPrice" name="goodsPrice" value="${goods.price }"/><br/> 
		商品庫存:<input type="text" id="goodsStock" name="goodsStock" value="${goods.stock }"/><br/>
		<input type="submit" value="儲存" id="saveBtn"/>
	</form>