分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:27责任编辑:胡小海关键词: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="添加">  <inputtype="reset" value="取消 "></td></tr></table></form></body></html>

  

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

原文地址:https://www.cnblogs.com/zhumengdexiaobai/p/10170352.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved