js则正表达式在Jsp表单中的数据校验

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function checkData(){
//检查是否是数字
var txt=document.forms[0].number.value;
if(txt.search("^\\d+(\\.\\d+)*$" )!=0){
alert("请输入一个数字!");
document.forms[0].number.select();
return false;
}
//查是否是整数
txt = document.forms[0].intnumber.value;
if(txt.search("^-?\\d+$")!=0){
alert("请输入一个整数!");
document.forms[0].intnumber.select();
return false;
}
//检查E-mail是否合法
txt=document.forms[0].email.value;
if(txt.search("^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$")!=0){
alert("请输入正确的E-mail地址!");
document.forms[0].email.select();
return false;
}
alert("检查通过!");
return ture;
}
//OnSubmit="return checkData()"
</script>
<base href="<%=basePath%>">

<title>正则表达式</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->

</head>

<body>

<form action="" method="post" onsubmit="return checkData()">
<br>请输入一个数字:<input type="text" name="number">
<br>请输入一个整数:<input type="text" name="intnumber">
<br>请输入电子邮件E-mail:<input type="text" name="email">
<br><br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>

上面的只是做了数据校验,比如只能输入数字,只能输入邮箱,还没有对输入的字符串的长度做出限制。。

时间: 2024-10-04 21:22:27

js则正表达式在Jsp表单中的数据校验的相关文章

用PHP读取MyAQL表单中全部数据并将数据整理翻页

要注意的是我们的PHP是嵌入在html中的 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> </style> </head> <body> <

DHTMLX 前端框架 建立你的一个应用程序 教程(十)--保存表单中的数据

保存表单中的数据 现在我们所要做的是 当用户点击提交按钮的时候  我们将表单中的数据进行保存操作. 我们可以使用dhtmlxDataProcessor. 来进行操作.它是一个数据组件,可以提供与服务器端的通信和交互.  它监控所有的数据更改  可以与服务器进行增删改查的操作 这里我们需要的是进行更新的操作 保存更改的数据到后台 1.在首页中我们添加一下代码 'index.html' file var dpg = new dataProcessor("data/contacts.php"

js 向form表单中插入数据

var newElement = document.createElement("input"); var nowtime=year+""+month+day+hour+minute+second; newElement.setAttribute("name","nowtime"); newElement.setAttribute("value",nowtime); newElement.style.vis

Servelt学习笔记之二&mdash;&mdash;使用Servlet提取表单中的数据

1.Servlet表单数据 在很多的情况下,我们需要在浏览器,Web服务器和后台程序之间传递数据.浏览器使用两种方法可将这些信息传递到Web服务器,分别为Get方法和Post方法. 1.1.Get方法: Get方法向页面请求发送已编码的用户信息.页面和已编码的信息中间用?字符分隔,如下所示: http://www.test.com/hello?key1=value1&key2=value2 GET方法是默认的从浏览器向Web服务器传递信息的方法,它会产生一个很长的字符串,出现在浏览器的地址栏中.

利用ajax异步处理POST表单中的数据

//防止页面进行跳转 $(document).ready(function(){ $("#submit").click(function(){ var str_data=$("#form1 input[type=text]").map(function(){ return ($(this).attr("name")+'='+$(this).val()); }).get().join("&"); var box_data

jquery获取form表单中的数据

$(function() { $('#submit').click(function() { var d = {}; var t = $('form').serializeArray(); //t的值为[{name: "a1", value: "xx"}, //{name: "a2", value: "xx"}...] $.each(t, function() { d[this.name] = this.value; });

jquery获取表单中的数据

????????? ?<form> ????????????? ? <input name="username" type="text"/> ????????????? ? <input name="password" type="password"/> ????????????? ? <input id="submitButton" type="butt

Js 向表单中添加多个元素

@{ ViewBag.title = "地图导航"; } @model YT.XWAJ.Public.Application.MapNavigation.Dto.MapNavigationManagementDto <div class="easyui-layout" data-options="fit: true,border: false"> <div data-options="region:'north'&qu

表单中Readonly和Disabled的区别

Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(