<html>
  <head>
    <title>简易Servlet计算器</title>
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script type="text/javascript">
        function calc(form){
            with(form){
                if(firstNum.value == "" || secendNum.value == ""){
                    alert("请输入数字！");
                    return false;
                }
                if(isNaN(firstNum.value) || isNaN(secendNum.value)){
                    alert("数字格式错误！");
                    return false;
                }
                if(operator.value == "-1"){
                    alert("请选择运算符！");
                    return false;
                }
            }
        }
    </script>
  </head>
 
  <body>
      <form action="CalculateServlet" method="post" οnsubmit="return calc(this);">
        <table align="center" border="0">
            <tr>
                <th>简易Servlet计算器</th>
            </tr>
            <tr>
                <td>
                    <input type="text" name="firstNum">
                    <select name="operator">
                        <option value="-1">运算符</option>
                        <option value="+">+</option>
                        <option value="-">-</option>
                        <option value="*">*</option>
                        <option value="/">/</option>
                    </select>
                    <input type="text" name="secendNum">
                    <input type="submit" value="计算">
                </td>
            </tr>
        </table>
    </form>
  </body>
</html>

转载于:https://www.cnblogs.com/ganjun/p/5038942.html

js里获取表单输入值进行比对的方法相关推荐

  1. 小程序获取表单输入值

    方法① 小程序数据是单向的,当我们在输入时都要重新去setData这个输入的值,如果输入框很多我们可以定义一个通用的方法去获取 html <view><input placehold ...

  2. 获取表单内部元素的N种方法

    今天讲讲获取表单元素的N种方法~ 以上是部分资料参考的地方:http://blog.csdn.net/h12kjgj/article/details/61624509 先给出一个实例. 输入数字1~1 ...

  3. 【微信小程序】表单提交验证及获取表单输入的值

    效果图: 说明:请选择房屋所在城市的效果是省市区选择器,刚开始我们可能直接在picker选择器中直接包含一个input输入框实现,但是这样的话点击选择的话可能聚焦在输入框中,我们想要的效果是点击的时候 ...

  4. 用JavaScript获取表单里的值

    建立form表单里的标签:   文本输入框,密码输入框,单选框,多选框,下拉框,文本域,隐藏域   用JavaScript获取表单里的每一个值,   将值显示出来. 填写数据 获取的值如下: < ...

  5. php js获取表单内容,jquery form表单获取内容以及绑定数据_javascript技巧

    在日常开发的过程中,难免会用到form表单,我们需要获取表单的数据保存到数据库,或者拿到后台的一串json数据,要将数据绑定到form表单上,这里我写了一个基于jquery的,formHelp插件,使 ...

  6. 前端：JS/32/form对象（表单）（form对象的属性，方法和事件），受返回值影响的两个事件（onclick事件，onsubmit事件），获取表单的元素对象的三种方式，表单的提交和验证方法总结

    form 对象(表单) 一个<form>标记,就是一个<form>对象: 1,form对象的属性 name :表单的名称,主要用来让JS来控制表单: action :表单的数据 ...

  7. html得到上传文件类型后缀,js获取上传文件后缀名（附js提交form表单）

    js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...

  8. Html 表单提交 【js获取表单提交数据】

    Html 原生获取表单提交数据 // 提示框 淡入淡出<style type="text/css">.message {display: none;padding: 2 ...

  9. 微信小程序之获取表单数据

    前言:微信小程序中很多地方运用到了表单,很多时候我们需要把表单中的内容提取出来返回给后台,这里我随便写了一点 注意点: 1.所有的input  textarea button全部包含在form表单元素 ...

  10. JS阻止form表单提交失败

    JS阻止form表单提交失败 问题简介 解决办法 问题简介 <form th:action="@{/user.do}" method="post" ons ...

最新文章

  1. TokuDB vs Innodb 基准测试对比
  2. [转]SQL SERVER – Find Most Expensive Queries Using DMV
  3. SQLServer2008创建新用户 转
  4. 数据库设计中的五个范式
  5. 【已解决】[Error] cannot pass objects of non-trivially-copyable type ‘std::string {aka class std::basic_s
  6. Spring : @EnableScheduling注解 @Scheduled
  7. centos mysql5.6.35_centos6.8 mysql 5.6.35 glibc安装
  8. node 版本管理器 之 nvm 安装与使用
  9. 廖雪峰python笔记
  10. 机组0：为什么补码比原码多一个－128清晰解释
  11. 中科大计算机辅助图形实验室,Prof. Ligang Liu at USTC (中科大刘利刚教授)
  12. halcon第六讲：基于颜色空间的颜色检测
  13. edk2中的fdf文件简介
  14. SpringBoot之使用Security
  15. 如何解决 Android浏览器查看背景图片模糊的问题？
  16. 遮挡目标检测持续汇总
  17. Android 通用图标生成器
  18. PHP报错：Classes\\PHPExcel\\Cell.php Line(594) Invalid cell coordinate ESIGN1
  19. Spring Autowire自动装配 ---残梦追月原创
  20. 虚拟机搭建nfs，挂载到板子

热门文章

  1. 【OpenCV学习笔记】【编程实例】四（获取一个或多个感兴趣区域）
  2. wxPython多个窗口的基本结构
  3. 剑指offer（数值的整数次方）
  4. 专题二——数学问题与简单DP
  5. Unity实现导航到鼠标点击位置并显示路线
  6. 【C语言】实现对一个8 bit数据（unsigned char类型）的指定位（例如第n位）的置0或者置1操作，并保持其他位不变。
  7. Android 扩展ViewFlipper做导航页（一）
  8. 你写的代码要被 GitHub 存在北极啦！期限是 1000 年！
  9. jni问题总结：jni error (app bug): accessed stale local reference
  10. Jupyter notebook文件默认存储路径以及更改方法