`
bobshute
  • 浏览: 284798 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js-useful-1

    博客分类:
  • js
阅读更多

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!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=GB18030">
<title>添加普通验证</title>
<script type="text/javascript">
 function checkSubmit(){
  var name =  document.getElementById("name").value;
  if(""==name){
   alert("姓名不能为空");
   return false;
  }

  var code = document.getElementById("code").value;
  var regu =/^[A-Z]{2}$/;
  var re = new RegExp(regu);
  if(re.test(code)){
  }else{
   alert("请输入为2位大写字母的编号!");
   return false;
  }

  document.infoForm.action = "people_add2.action";  //是当前目录下的然后加上该地址,当前目录为http://192.168.1.75:8081/pages/;所以:http://192.168.1.75:8081/pages/people/people_add2.action
  //alert(document.infoForm.action);
  document.infoForm.action = "/people_add3.action";  //得到该服务目录加上该地址;即为http://192.168.1.75:8081/people_add3.action
  //alert(document.infoForm.action);
  
  if(confirm("确定提交吗?")){
   document.infoForm.submit();        //可以这样提交到某个地址
  }
 }

 function checkSubmit2(){
  var name =  document.getElementById("name2").value;
  if(""==name){
   alert("姓名不能为空");
   return false;
  }
  
  /****正则表达式开始****/
  var code = document.getElementById("code2").value;
  var regu =/^[A-Z]{2}$/;
  var re = new RegExp(regu);
  if(re.test(code)){
  }else{
   alert("请输入为2位大写字母的编号!");
   return false;
  }
  /****正则表达式结束****/

  document.infoForm2.action = "people_add2.action";  //是当前目录下的然后加上该地址,当前目录为http://192.168.1.75:8081/pages/;所以:http://192.168.1.75:8081/pages/people/people_add2.action
  //alert(document.infoForm.action);
  document.infoForm2.action = "/people_add3.action";  //得到该服务目录加上该地址;即为http://192.168.1.75:8081/people_add3.action
  //alert(document.infoForm.action);
  
  if(confirm("确定提交吗?")){
   document.infoForm2.submit();        //可以这样提交到某个地址
  }
 }

 function showGrade(){
  var identity =  document.getElementById("identity").value;
  if("2"==identity){
   document.getElementById("promptGrade").style.display ="block";
   document.getElementById("gradeTable").style.display ="block";
  }else{
   document.getElementById("promptGrade").style.display ="none";
   document.getElementById("gradeTable").style.display ="none";
  }
 }
 
 //跳转到某个地址.
 function toOtherPage(parm1,parm2){
  window.location="/people_query2.action?parm1="+parm1+"&parm2="+parm2;
 }

 //跳转到某个地址2.
 function toOtherPage2(parm1){
  window.navigate(parm1);
 }

 
</script>
</head>
<%
 String parm1 = "pram1aa";
%>
<body>
 <form action="" name="infoForm">
  <table>
   <tr>
    <td>姓名:</td>
    <td><input type="text"  id="name" name="name" value=""></td>
   </tr>
   
   <tr>
    <td>二位大写字母编号:</td>
    <td><input type="text"  id="code" name="code" value=""></td>
   </tr>
   
   <tr>
    <td>身份:</td>
    <td >
     <select id="identity" name="identity" onchange="showGrade();"> 
      <option value="1">老师</option>
      <option value="2">学生</option>
     </select>
     <div id="promptGrade" style="display: none">
      <font style="color: red">还要选择选择年级</font> 
     </div>
    </td>
    
   </tr>
   
   <tr>
     <td colspan="2">
     <table style="display: none" id="gradeTable">
      <tr>
       <td>年级:</td>
       <td>
       <select id="grade" name="grade">
        <option value="1">一年级</option>
        <option value="2">二年级</option>
       </select>
       </td>
      </tr>
     </table> 
     </td>
    
   </tr>
   
   <tr>
    <td><input type="button" value="提交" onclick="checkSubmit()"/></td>
   </tr>
  </table>
 </form>
 
 
 <form action="" name="infoForm2" onsubmit="return checkSubmit2()">
  <table>
   <tr>
    <td>姓名2:</td>
    <td><input type="text"  id="name2" name="name2" value=""></td>
   </tr>
   
   <tr>
    <td>二位大写字母编号2:</td>
    <td><input type="text"  id="code2" name="code2" value=""></td>
   </tr>
   
   <tr>
    <td><input type="submit" value="提交2" /></td>
   </tr>
  </table>
 </form>
 
 <table>
  <tr>
   <td><input type="button" value="页面跳转1" onclick="toOtherPage('aa','bb')"/></td>
  </tr>
  
  <tr>
   <td><input type="button" value="页面跳转2" onclick="javaScript:window.location='/people_query2.action?parm1='+'<%=parm1%>' "/></td>
  </tr>
  
  <tr>
   <td><input type="button" value="页面跳转3" onclick="toOtherPage2('people_add4.action');"/></td>
  </tr>
  
 </table>

</body>
</html>

分享到:
评论

相关推荐

    javascript-useful-functions:有用的javascript函数(未包含在javascript标准中)

    const { range , randomNumber , sleep , genCh } = require ( 'useful-js-functions' ) findKeyByValue(值) 按值查找对象键。 例子: var obj = { name : "john" , surname : "doe" , sample : "value" } ...

    js-useful-umd-modules:一些没有自己的存储库的有用的可重用 UMD(通用模块定义)模块

    总的来说,`js-useful-umd-modules`是一个方便的资源库,它收集了许多可以直接在不同环境下使用的JavaScript模块,无论是进行前端开发还是后端开发,都能从中受益。通过理解和利用这些模块,你可以更高效地编写和...

    leetcode中国-FE-vs-code-useful-plugins:前端开发效率提升相关插件-附带插件的使用方法

    FE-vs-code-useful-plugins 前端开发效率提升相关插件-附带插件的使用方法 前端接口调试--REST Client() vs code配置同步(借助Github) -- setting Sync 设置自己喜欢的IDE背景图,同时支持修改透明度 -- ...

    leetcoderust-useful-websites:Web开发的有用资源

    本文将基于"leetcoderust-useful-websites"这个主题,深入探讨Web开发中的关键知识点,包括学习资源、工具和实用网站。 首先,提到"LeetCode Rust",这是一个结合了LeetCode平台和Rust编程语言的资源,它可以帮助...

    API-NODE-VUTTR-Very-Useful-Tools-to-Remember

    VUTTR ...Tabela deconteúdos :construction: VUTTR :rocket: Emconstrução... :construction: 特征 卡达斯特罗-德乌塞里奥 Pegar dados de um unico usuario 阿尔托拉达斯-德乌斯韦里奥 ...

    useful-JavaScript-Fragment:前端常用JavaScript片段

    useful-JavaScript-Fragment本项目包含如下内容(还会陆续更新):注意,目前项目还处于初期阶段,还未进行完整的兼容性测试,欢迎指导和反馈!如果本项目对您有用或者有疑问的地方,请一定告诉我,非常之欢迎!本...

    a very useful javascript

    根据提供的文件信息,标题与描述均提到了“a very useful javascript”,这表明文章的主要内容将围绕一种非常有用的JavaScript技术或库展开。然而,由于提供的信息有限(尤其是【部分内容】给出的数字串似乎与主题...

    javaScript(Useful).rar_javascript

    JavaScript,也被称为JS,是一种广泛应用于网页和网络应用的脚本语言,主要在客户端运行,为用户提供动态交互体验。这份名为"javaScript(Useful).rar_javascript"的压缩包包含了一个文档,名为"107个常用Javascript...

    useful-JavaScript-code.rar_JavaScript/JQuery_JavaScript_

    【标题】"useful-JavaScript-code.rar" 是一个包含实用JavaScript代码的压缩文件,它主要涉及JavaScript和jQuery两个核心技术领域。这个资源可能是为了辅助学习或实践JavaScript编程而准备的,特别是对于那些对...

    devict-three-useful-online-utilities:devICT闪电之夜演讲

    devICT演示模板 此回购旨在用作快速整理演示文稿的起点。 欢迎演示者使用此模板或滚动自己的演示文稿。 该入门工具包使用。 设置 下载此程序包。 克隆存储库或下载并解压缩 。 如果克隆回购协议,我建议您删除.git...

    Extjs-ext-3.1.1

    Ext JS - JavaScript Library Copyright (c) 2006-2009, Ext JS, LLC All rights reserved. licensing@extjs.com http://extjs.com/license Open Source License Ext is licensed under the terms of the Open ...

    meteor-useful-collections:有用的流星收藏

    此软件包并非专为您使用而设计-它是实验的集合 有用的收藏 它旨在替代我们当前使用的其他几个软件包,以及我想到的其他一些功能,以使其更简单。 我希望它将取代的软件包: matb33:收藏夹 dburles:收集助手 ...

    react-useful-packages-demo:React有用的软件包

    Create React App入门该项目是通过引导的。可用脚本在项目目录中,可以运行:npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误...

    useful-javascript-libraries:Javascript库的集合

    138个有用的Javascript库 JavaScript动画引擎 :scroll: 每个JavaScript开发人员都应该知道的33个概念。 收集来自世界各地的5000多个公共IPTV频道 供经验丰富的React开发人员使用TypeScript的备忘单 适用于现代网络...

    meteor-useful-forms:流星形式的React状态和模板系统

    这个库还在开发中并且还不成熟,它提供了 5 个模板块助手和 1 个全局助手: Form - (block helper) 用一个简单的&lt;form&gt;&lt;/form&gt;包装你的表单,并为&lt;form&gt;&lt;/form&gt;添加React性。 获取对象...

    Useful-JS-Plugins:无论它们是简单的还是复杂的,这些都是我自己创建的修改过的常见 JS 插件

    有用的 JS 插件无论它们是简单的还是复杂的,这些都是我自己创建的修改过的常见 JS 插件。未来更新注意事项清理 sectiontitle .js(变成合适的插件) 为每个 js 添加了 HTML 版本单独的 main.js

    在leetcode上刷题都是什么人-useful-links:对软件开发人员有用的链接

    Javascript/打字稿 博客/文章/教程 这 范围、环境和闭包 面向对象编程 典型继承 混合 模块 迭代器和生成器 垃圾收集/内存管理 Javascript/Typescript 中的枚举 不变性 事件循环 区域 NPM 脚本 NPM 脚本作为构建工具 ...

    webdev-useful-links:选定的优质资源列表和现代Web开发的有用链接

    webdev有用的链接 :thumbs_up: 选定的质量资源列表以及用于现代Web开发的有用链接。 :smiling_face_with_smiling_eyes: 随意贡献...JavaScript 工程脚手架 Vue.js CSS / UI框架 无头CMS 资料库 资产和图像 项目管理

    useful-simple-functions:有用的简单功能

    npm i useful-simple-functions 使用凉亭: bower install useful-simple-functions 使用纱: yarn add useful-simple-functions 例子 注意:CommonJS用法 const useful = require ( 'useful-simple-functions'...

Global site tag (gtag.js) - Google Analytics