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

      

  • 相关阅读:
    Excel 如何在程序运行期间提示信息“正在运行中。。。请稍候 38云淡淡
    EXT学习笔记第一课
    java学习日志1
    C语言基础知识
    js所学知识点
    javascript 取最大值和最小值!
    html常用标签
    javascript4位随机数(字体都有颜色)
    marginpadding区别及bug
    数独的优化回朔算法(四)
  • 原文地址:https://www.cnblogs.com/zhumengdexiaobai/p/10170352.html
Copyright © 2020-2023  润新知