您的位置：首页 > Web前端 > JavaScript

一个用javascript编写的表单提交的例子(包括用正则表达式对数据进行验证)

2012-07-09 09:45 906 查看

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>添加用户</title>

<link href="../../css/main.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

function checkMyForm(){

var username=document.getElementById("username");

var xm=document.getElementById("xm");

var pwd=document.getElementById("pwd");

var confirmpwd=document.getElementById("confirmpwd");

var phone=document.getElementById("phone");

var mobile=document.getElementById("mobile");

if(username.value==""||xm.value==""||pwd.value==""){

alert("用户名或者密码不能为空!");

return false;

}

if(pwd.value!=confirmpwd.value){

alert("两次密码输入不一致");

return false;

}

if(phone.value==""||xm.value==""||mobile.value==""){

alert("固话或者手机号码不能为空!");

return false;

}

var pattern=/^($\d{3,4}$|\d{3,4}-|\s)?\d{8}$/;

if(!pattern.test(phone.value)){

  alert("输入的固话号码格式应为区号（3－4位）－座机号（7－8位）");

  return false;

  }

var pattern=/^1[3|4|5|8][0-9]\d{8}$/;

if(!pattern.test(mobile.value)){

  alert("不是完整的11位手机号或者正确的手机号前七位");

  return false;

  }

return true;

}

</script>

</head>

<body>

<form action="/ProjectName/spaceName/ActionName!method" onsubmit="return checkMyForm()">

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tbl">

<tr>

<td>用户名:</td><td><input type="text" size="15" name="username" id="username"></td><td>真实姓名:</td><td><input type="text" size="15" name="xm" id="xm"></td>

</tr>

<tr>

<td>密码:</td><td><input type="text" size="15" name="pwd" id="pwd"></td><td>确认密码:</td><td><input type="text" size="15" name="confirmpwd" id="confirmpwd"></td>

</tr>

<tr>

<td>性别:</td><td><input type="radio" name="xb" value="男" checked="checked">男<input type="radio" name="xb" value="女" >女</td>

<td>用户类别:</td><td><select name="client" ><option value="0">客户端</option><option value="1">服务器</option></select></td>

</tr>

<tr>

<td>固定电话:</td><td><input type="text" size="15" name="phone" id="phone"></td><td>手机号码:</td><td><input type="text" size="15" name="mobile" id="mobile"></td>

</tr>

<tr>

<td>选择部门:</td>

<td>

<select name="orgname">

<option>移动部</option>

<option>联通部</option>

<option>协商部</option>

<option>工程部</option><

option>研发中心</option

</select>

</td>

<td>出生日期:</td><td><input type="text" size="15" name="birthday"></td>

</tr>

<tr><td align="center" colspan="4"><input type="submit" value="确定"/>    <input type="reset" value="重置"/></td></tr>

</table>

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 正则表达式 javascript stylesheet mobile 手机 input

相关文章推荐

新的分享

章节导航