js form 提交验证 -

lyllong3

浏览: 5508 次
性别:
来自: 成都

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (4)

社区版块

存档分类

2010-11 ( 4)
更多存档...

js form 提交验证

jQuery JavaScript CSS HTML

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

  <script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>
  <script type="text/javascript">
  	$(function(){
  		$("#name").keyup(function(){
  		 	var obj = $(this);
  			$.getJSON("searchDishByNameAjax",{name:$(this).val()},function(data){
  				if(data == "1"){
  					var name = obj.val();
  					if($("#add").length >0){
  						$("#add").html(name+"已存在，请输入其它菜名。");
  						return;
  					}
  					$("<div/>").css("border","solid 1px #FF0000").attr("id","add").html(name+"已存在，请输入其它菜名。").insertAfter(obj);
  				}else{
  					$("#add").remove();
  				}
  			});
  			var name = $(this).val(); 
  		});
  		//下面表示只可以输入数字和一个点号
  		$("#price").keydown(function(event){
  			var code = event.keyCode;
  			if((code >= 48 && code <= 57) || code == 110 || code == 190){
  				if((code == 110 || code == 190) && $(this).val().indexOf(".") >= 0){
  					return false;
  				}
  				return true;
  			}
  			else{ 
  				event.keyCode = 0;
   				return false;
  			}
  		}) 
  	});
  	
  	function onSubmit(){ 
  		if($("#add").length>0)
  			return false;
  		$("#addDish")[0].submit();		
  	};
  </script>
  </head>
  
  <body>
     <form id = "addDish" action = "addDish" method = "post" ">
		<table>
			<tr>
				<th>
					菜名
				</th>
				<td>
					<input type = "text" id = "name" name = "dish.name"  />
				</td>
			</tr>
			<tr>
				<th>
					菜价
				</th>
				<td>
					<input type = "text" id = "price" name = "dish.price" maxlength = "8"/>
				</td>
			</tr>
			<tr>
				<th>
					说明
				</th>
				<td>
					<textarea  id = "comm" name="dish.comm" style="margin-left: 2px; margin-right: 2px; width: 540px; margin-top: 2px; margin-bottom: 2px; height: 184px; ">						 
					</textarea>
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<span style = "margin-left:20px;text-decoration : underline;" onclick = "onSubmit();">确定</span>
					<span style = "margin-left:20px;text-decoration : underline;"><a href = "showDish">返回</a></span>
				</td>
			</tr>
		</table>     
     </form>
  </body>
</html>

分享到：

js 金钱输入验证

2010-11-05 16:49
浏览 1103
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js form 提交验证

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js form 提交验证

评论

发表评论

相关推荐

最近访客更多访客>>