面试题之HTML 的 form 提交之前如何验证数值文本框的内容全 部为数字? 否则的话提示用户并终止提交?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="{CHARSET}">
        <title></title>
    </head>
    <script type="text/javascript" />
        function chkForm(this)
            {
                var value = thist.d1.value;
                var len = value.length;
                for(var i=0;i<len;i++){
                    if(value.charAt(i)>"9" || value.charAt(i)<"0"){
                        alert("含有非数字字符");
                        return false;
                    }
                }
                return true;
            }
    </script>
    <body>
        <form onsubmit="return chkForm(this)">
            <input type="text" name="d1"/>
            <input type="submit"/>
        </form>
    </body>
</html>
时间： 2024-08-05 16:33:06

面试题之HTML 的 form 提交之前如何验证数值文本框的内容全 部为数字? 否则的话提示用户并终止提交?的相关文章

java Html&amp;JavaScript面试题：HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?

提交的验证方法(通过单个字符比较): <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> VerifyDate <form id="form1" action="VefifyData.html"&g

Spring MVC-表单（Form）标签-文本框（Text Box）示例（转载实践）

以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_textbox.htm 说明:示例基于Spring MVC 4.1.6. 以下示例显示如何使用Spring Web MVC框架在窗体中使用文本框.首先,让我们使用Eclipse IDE,并按照以下步骤使用Spring Web Framework开发基于动态窗体的Web应用程序: 步骤 描述 1 创建一个名为HelloWeb的项目,在一个包com.tutorialspoint下,如

jQuery form插件的使用--用 formData 参数校验表单，验证后提交（简单验证）.

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.引入依赖js <script src="jquery-1.3.1.js" type="text/javascript"></script> <script src="jquery.form.js" type="text/javascript"&g

【Struts2】★☆之struts2对Action提交方法进行验证

[Struts2]★☆之struts2对Action提交方法进行验证 在实际的开发项目中,我们通常采用的是js对我们输入的值进行验证,例如,用户名的长度,密码长度,等等.但是这样做,不好之处就是我们可以通过人为的将开发者的验证js注掉,这样就导致验证失败,对后台安全性是一个很大的威胁,在采用struts2进行开发时,我们可以采用框架内置的校验器,对我们的Action进行校验.本文所讲诉的就是如何使用重写struts2中的ActionSupport里面的validate方法对输入值进行校验. ok

EasyUI中在表单提交之前进行验证

使用EasyUi我们可以在客户端表单提交之前进行验证,过程如下:只需在onSubmit的时候使用return  $("#form1").form('validate')方法即可,EasyUi中form模块中的from('validate')方法会自行对我们指定的表单中required=true等需要验证的的元素进行验证,但有不通过的元素时返回一个false; 1    $("#form1").form({ 2                 url: 'login.

在表单提交前进行验证的几种方式

1在button的submit事件时判断 <button type="submit">提交</button> ("#form").bind("submit",function(){ var txt_firstname = $.trim($("#firstname").attr("value")); var isSuccess = 1;//默认验证通过 if(txt_firstname

easyui取消表单时验证，提交时统一验证

1.设置表单不验证 <form id="ff" class="easyui-form" method="post" data-options="novalidate:true"></form> 2.表单提交时统一验证$('#ff').form('submit',{                onSubmit:function(){                    return $(this).

【开发】Form Validate 表单验证 扩展应用

目录: ★.文本输入框(easyui-textbox) ★.数字框(easyui-numberbox) ★.时间(easyui-datebox) ★.文本域(easyui-textbox easyui-validatebox) ★.下拉框(easyui-combobox) 特别说明: 验证机制的关闭和启用.可以采用 data-options="novalidate:true" 先关闭元素的验证机制,再在表单提交之际开启验证.这样可以避免用户在第一次看到表单时就全显示红色提示的情形. 示

JavaScript禁止用户多次提交方法

[当服务器超载时,会出现提交卡顿的现象,但是用户在操作时,会不停重复点击提交,会造成服务器压力更大.所以我们需要进行限制] [1]将提交按钮禁止 <html> <head> <script> //禁止默认行为   因为这里要模拟服务器超载的时候,所以需要先禁止掉submit按钮自动提交的功能 function preventDef(event){ event=event||window.event; if(event.preventDefault){ return ev