java Html&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">
<input type="text" name="d1" /> <input type="submit" />
</form> <script type="text/javascript">
document.getElementById("form1").onsubmit = function chkForm() {
var text = this.d1.value;
alert(text.length);
for (i=0;i<text.length;i++) {
alert(i+"的字符是"+text.charAt(i));
if (text.charAt(i) > '9' || text.charAt(i) < '0') {
alert("第 " + i + " 个为非数字字符 "+text.charAt(i));
} else {
alert("第 " + i + " 个为数字字符"+text.charAt(i));
}
}
return false;
}
</script>
</body>
</html>
提交验证方法（通过正则表达式）
js中用pattern.test(需要验证字符串) pattern是正则表达式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
VerifyDate
<form id="form1" action="VefifyData.html">
<input type="text" name="d1" /> <input type="submit" />
</form> <script type="text/javascript">
document.getElementById("form1").onsubmit = function chkForm() {
var text = this.d1.value;
if(verifyData(text)){
alert("全部为数字...");
return false;
}else{
alert("不全部为数字...");
return false;
};
}
function verifyData(text){
var dataPattern=/^\d[0-9]{0,}$/;
return dataPattern.test(text);
}
</script>
</body>
</html>
提交之前验证的方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
VerifyDate
<form id="form1" action="http://www.cnblogs.com/qingyundian" onsubmit="return chkForm()">
<input type="text" id="d1" /> <input type="submit" />
</form> <script type="text/javascript">
function chkForm() {
var text = document.getElementById("d1").value;
alert(text);
if(verifyData(text)){
alert("全部为数字...");
alert("校验成功，之后进行提交...");
return true;
}else{
alert("不全部为数字...");
alert("校验失败，不进行提交");
return false;
}
return false;
}
function verifyData(text){
var dataPattern=/^\d[0-9]{0,}$/;
return dataPattern.test(text);
}
</script>
</body>
</html>
这种方法会先校验
校验成功会 返回true 给onsubmit
校验失败会 返回false给onsubmit
校验成功 打开激活网页
java Html&JavaScript面试题：HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?的更多相关文章
- iHTML 的 form 提交之前如何验证数值文本框的内容全部为数字
<input type="text" id="d1" onblur=" chkNumber (this)"/> <scri ...
- 面试题之HTML 的 form 提交之前如何验证数值文本框的内容全 部为数字? 否则的话提示用户并终止提交?
<!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title ...
- asp.ne如何使用javascript去验证客户端信息，如果验证成功则送往服务器端处理，否则在客户端提示用户（不返回到服务器端处理）
一.问题 在网站一般都有很多地方需要用户去填写一些信息,然后用户点击提交,将信息送往后台储存到数据库中.在这一个过程我以前做法直接在button的click事件中来判断用户输入的数据是否完整和合法,虽 ...
- java Html&JavaScript面试题：判断第二个日期比第一个日期大
如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式,并且是时间,比如说月份不大于12等等,另外我需要用户输入两个,并且后一个要比前一个晚,只允许用JAV ...
- java Html&JavaScript面试题：用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 用java的io流，将一个文本框的内容反转
import java.io.*; import java.util.ArrayList; public class test04 { public static void main(String a ...
- JavaScript实现点击复制按钮复制文本框的内容，兼容IOS
<lable> <input type="text" id="txt"> <a href="javascript:;&q ...
- Java+Selenium向文本框输入内容以后模仿键盘的"ENTRY"
在自动化测试中我们避免不了要模仿一些键盘上按钮的操作,普通的字母,数字,特殊符号,这些都是很简单的,有时候我们也会模仿"SHIFT","ALT","C ...
- mvc ---- ajax 提交 （ckeditor）富文本框 提示潜在危险 Request.Form
ajax 提交 ckeditor 中的内容怎么提交都提交不了,折腾半天,后来终于找到问题 在你的方法头上加 [HttpPost] [ValidateInput(false)] public Actio ...
随机推荐
- BUYING FEED
Problem F: F BUYING FEED Description Farmer John needs to travel to town to pick up K (1 <= K < ...
- Django - CRM项目（2）Q查询（模糊查询）
一.CRM项目(2) 利用Q查询中的q对象完成条件筛选功能. 批量删除.公户转私户功能. 新增一张跟进记录表ConsultRecord,迁移数据库并添加测试数据,实现跟进记录列表页面. 客户列表新增跟 ...
- @RequestBody注解的用法
以前,一直以为在SpringMVC环境中,@RequestBody接收的是一个Json对象,一直在调试代码都没有成功,后来发现,其实 @RequestBody接收的是一个Json对象的字符串,而不是一 ...
- FTP服务器windows配置
1.配置IIS Web的FTP站点 1.1 打开iis管理器(方法很多,这里我们用命令) Win+r中输入:inetmgr 1.2 新建FTP站点 1.2.1 新建FTP服务器根目录文件夹 1.2.2 ...
- java——变量、jvm内存划分
基本数据变量类型:byte.short.int.long.float.double.boolean.char eg : int i = 1; 引用数据变量类型:数组.类.接口.枚举.注解 eg : S ...
- Java文件与io——File类
概念: File类:表示文件和目录路径名的抽象表示形式. File类可以实现文件的创建.删除.重命名.得到路径.创建时间等等,是唯一与文件本身有关的操作类. 例: public class FileD ...
- java与模式读后总结
一 老规则边看边写书上的代码,磨磨蹭蹭三个多星期终于把一本1000+的java与模式看完了. 于是,在这里贴上自己对每个模式的思考和总结,其实这个东西在我边看边写的时候已经写了一大半,博文再写一次算是 ...
- Centos6.8 Mysql5.6 安装配置教程
MySQL是一个关系型数据库管理系统,由瑞典MySQL AB 公司开发,目前属于 Oracle 旗下产品.MySQL 最流行的关系型数据库管理系统,在 WEB 应用方面MySQL是最好的 RDBMS ...
- 属性，选择器和css
一.属性 属性:表示事物的一些特征 属性分为标签属性和样式属性 标签属性:<img src="1.jpg" width="200px" heifht=&q ...
- JS修改地址栏参数实例代码
function changeURLPar(destiny, par, par_value) { var pattern = par+'=([^&]*)'; var replaceText = ...