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

<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" onsubmit="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>

时间: 2024-10-01 07:52:16

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

获取表单value值的几种方法

参考:https://blog.csdn.net/akikang/article/details/80796331 form 设置了name属性,比如<form name="art_form"> <input name="user">  就可以通过var username = art_form.user.value 获取到user的值. 原文地址:https://www.cnblogs.com/bneglect/p/12428045.html

js获取表单里的参数并返回键值对

/** * js获取表单里的参数并返回键值对 * @version 1 * @param {Object} - js表单对象 * @returns {Object} - 表单参数键值对 */ function getFormData(form){ if (!form) { return {}; } var params = {} , elems = form.elements ; for(var i in elems){ var elem = elems[i]; if(elem.nodeName

Ajax中通过JS代码自动获取表单元素值的示例代码

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了 http://www.qidian.com/BookReader/1839917,60421843.aspx http://www.qidian.com/BookReader/1839917,60422045.a

js获取表单数据

曾经尝试了很多方法,网上也推荐了好多方法.一般都是:document.getElementById('mail').value 但是我尝试了好多次,返回值都是空 最后找到一个方法比较可行,而且获取表单的所有input都很方便: document.JSRegistForm.RegistUsername.value 下面列出我的源代码: <form action="zhuce.jsp" method="post" name="JSRegistForm&q

js添加的表单在火狐下获取不到数据的解决方法

相信很多朋友在进行网页制作的时候都会遇到过这样的问题:就是用js在表单内添加数据控件之后:在火狐下获取不到数据的问题. 前几天,我在开发一个使用js添加数据填写项的时候,也出现了这样的问题:一开始我还以为是火狐下ajax加载数据出了问题(因为在ie下可以正常的获取到数据):经过测试原来并是这样的问题,而是form放得位置不同, 在form和table结合使用的时候,很多朋友都喜欢这样放: <table>                <form>                  

表单的属性和方法, 获取表单和表单的元素, 验证表单

表单的属性和方法 一. 表单字段的属性(id/name/value/form),这里用value属性来举例 上面的form属性代表获取表单字段的父级表单对象 1. 属性的获取         console.log(document.myform.username.value); 2. 属性的设置            document.myform.username.value="123"; 3. 获取表单字段的父级表单对象 console.log(document.myform.u

js 常用正则表达式表单验证代码

js 常用正则表达式表单验证代码 js 常用正则表达式表单验证代码,以后大家就可以直接使用了. 正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中

获取表单提交的数据getParameter()方法

请求对象:request public String getParameter(String name); 通过request的getParameter(String name)方法获取 表单里面的name信息 示列: HTML代码 <input type="text" name="userName"> Jsp代码 Sring userName=equest.getParameter("userName"); request 存储的数

用jquery获取表单元素

表单验证需要获得表单元素,下面是获取表单元素的方法 例子: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <script src="js/jquery-1.6.min.js" type="text/javascript"></script