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

最新推荐文章于 2019-09-11 17:25:00 发布

sosohotsummer

最新推荐文章于 2019-09-11 17:25:00 发布

阅读量1.2k

点赞数 1

分类专栏： JS 文章标签：正则表达式 javascript stylesheet mobile 手机 input

本文链接：https://blog.csdn.net/sososohotsummer/article/details/7727997

版权

JS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<%@ 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" οnsubmit="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

</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>

sosohotsummer

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
一个用javascript编写的表单提交的例子(包括用正则表达式对数据进行验证)

添加用户 function checkMyForm(){ var username=document.getElementById("username"); var xm=document.getElementById("xm"); var pwd=document.getElementById("pwd"); var confirmpwd=document.g
复制链接

扫一扫