接口添加页面JS验证
2012-05-25 15:26
302 查看
接口添加页面JS验证
<script>
//验证接口信息
//验证接口是否是汉字
function checkname(name){
var preg=/[^\u4e00-\u9fa5]/g
if(name.value == ''){
document.getElementById('name').innerHTML="<font color='red'>*请填写接口中文名称</font>";
}else if(name.value.match(preg)){
document.getElementById('name').innerHTML="<font color='red'>*接口中文名称必须是中文</font>";
return false;
}else{
document.getElementById('name').innerHTML="<font color='green'>*填写正确</font>";
return true;
}
}
//验证接口是否是汉字
function checken_name(name){
var preg=/^[a-zA-Z0-9_]+$/;
if(name.value == ''){
document.getElementById('en_name').innerHTML="<font color='red'>*请填写接口英文名称</font>";
return false;
}else if(!preg.exec(name.value)){
document.getElementById('en_name').innerHTML="<font color='red'>*接口英文名称必须是英文</font>";
return false;
}else{
document.getElementById('en_name').innerHTML="<font color='green'>*填写正确</font>";
return true;
}
}
//验证单选框是否选中
function checkradio(radio){
//alert(radio.length);
for(var i=0;i<radio.length;i++){
if(radio[i].checked){
return true;
break;
}
}
alert('请选择接口类型');
return false;
}
//下拉菜单是否选择。
function checkgameid(value){
//alert(a.gameid.value);
for(var i=0;i<value.length;i++){
if(value.value!=0){
return true;
break;
}
}
alert('请选择业务')
return false;
}
//判断所以的是否通过才能提交
function docheck(form){
var a=document.forms[0];
if(checkname(a.interface_name) && checken_name(a.interface_en_name) && checkradio(a.ckbox) && checkgameid(a.gameid)){
return true;
}else{
return false;
}
}
//验证是否要输入值。输入则请默认值清空
function doinput(it){
if(it.value=="接口英文名称" || it.value=="接口中文名称"){
it.value="";
}
}
</script>
<form action="add.php" method="post" onsubmit="return docheck(this)">
<table height="400" align="center">
<caption><h3><b>添加接口</b><h3></caption>
<tr>
<td align="right">
<font face="">业务:</font>
</td>
<td>
<select name='gameid'>
<option value='0'>请选择业务</option>
<!--输出业务ID及业务名称-->
<?php foreach ($gameid as $v):?>
<option value="<?php echo $v['id']?>"><?php echo $v['name']?></option>
<?php endforeach;?>
<!--输出业务ID及业务名称-->
</select>
</td>
</tr>
<tr>
<td align="right">
<font face="">请选择接口类型:</font>
</td>
<td>
<input type="radio" name="ckbox" value="1">查询
<input type="radio" name="ckbox" value="0">充值
<input type="radio" name="ckbox" value="2">更新
<input type="radio" name="ckbox" value="3">修改
<input type="radio" name="ckbox" value="4">删除
</td>
</tr>
<tr>
<td align="right">
<font face="">接口中文名称:</font>
</td>
<td>
<input type="text" onfocus='doinput(this)' value='接口中文名称' style="color:#666666" name="interface_name" onblur ='checkname(this)'><span id='name'><font color="red">*</font></span>
</td>
</tr>
<tr>
<td align="right">
<font face="">接口英文名称:</font>
</td>
<td>
<input type="text" onfocus='doinput(this)' value='接口英文名称' style="color:#666666" name="interface_en_name" onblur ='checken_name(this)'><span id='en_name'><font color="red">*</font></span>
</td>
</tr>
<tr>
<td colspan="2">
<input type="reset" size="8" value="重填">
<input type="submit" size="24" value="提交">
</td>
</tr>
</table>
</form>
<script>
//验证接口信息
//验证接口是否是汉字
function checkname(name){
var preg=/[^\u4e00-\u9fa5]/g
if(name.value == ''){
document.getElementById('name').innerHTML="<font color='red'>*请填写接口中文名称</font>";
}else if(name.value.match(preg)){
document.getElementById('name').innerHTML="<font color='red'>*接口中文名称必须是中文</font>";
return false;
}else{
document.getElementById('name').innerHTML="<font color='green'>*填写正确</font>";
return true;
}
}
//验证接口是否是汉字
function checken_name(name){
var preg=/^[a-zA-Z0-9_]+$/;
if(name.value == ''){
document.getElementById('en_name').innerHTML="<font color='red'>*请填写接口英文名称</font>";
return false;
}else if(!preg.exec(name.value)){
document.getElementById('en_name').innerHTML="<font color='red'>*接口英文名称必须是英文</font>";
return false;
}else{
document.getElementById('en_name').innerHTML="<font color='green'>*填写正确</font>";
return true;
}
}
//验证单选框是否选中
function checkradio(radio){
//alert(radio.length);
for(var i=0;i<radio.length;i++){
if(radio[i].checked){
return true;
break;
}
}
alert('请选择接口类型');
return false;
}
//下拉菜单是否选择。
function checkgameid(value){
//alert(a.gameid.value);
for(var i=0;i<value.length;i++){
if(value.value!=0){
return true;
break;
}
}
alert('请选择业务')
return false;
}
//判断所以的是否通过才能提交
function docheck(form){
var a=document.forms[0];
if(checkname(a.interface_name) && checken_name(a.interface_en_name) && checkradio(a.ckbox) && checkgameid(a.gameid)){
return true;
}else{
return false;
}
}
//验证是否要输入值。输入则请默认值清空
function doinput(it){
if(it.value=="接口英文名称" || it.value=="接口中文名称"){
it.value="";
}
}
</script>
<form action="add.php" method="post" onsubmit="return docheck(this)">
<table height="400" align="center">
<caption><h3><b>添加接口</b><h3></caption>
<tr>
<td align="right">
<font face="">业务:</font>
</td>
<td>
<select name='gameid'>
<option value='0'>请选择业务</option>
<!--输出业务ID及业务名称-->
<?php foreach ($gameid as $v):?>
<option value="<?php echo $v['id']?>"><?php echo $v['name']?></option>
<?php endforeach;?>
<!--输出业务ID及业务名称-->
</select>
</td>
</tr>
<tr>
<td align="right">
<font face="">请选择接口类型:</font>
</td>
<td>
<input type="radio" name="ckbox" value="1">查询
<input type="radio" name="ckbox" value="0">充值
<input type="radio" name="ckbox" value="2">更新
<input type="radio" name="ckbox" value="3">修改
<input type="radio" name="ckbox" value="4">删除
</td>
</tr>
<tr>
<td align="right">
<font face="">接口中文名称:</font>
</td>
<td>
<input type="text" onfocus='doinput(this)' value='接口中文名称' style="color:#666666" name="interface_name" onblur ='checkname(this)'><span id='name'><font color="red">*</font></span>
</td>
</tr>
<tr>
<td align="right">
<font face="">接口英文名称:</font>
</td>
<td>
<input type="text" onfocus='doinput(this)' value='接口英文名称' style="color:#666666" name="interface_en_name" onblur ='checken_name(this)'><span id='en_name'><font color="red">*</font></span>
</td>
</tr>
<tr>
<td colspan="2">
<input type="reset" size="8" value="重填">
<input type="submit" size="24" value="提交">
</td>
</tr>
</table>
</form>
相关文章推荐
- js页面字段的必填验证方法
- 给WebAPI的REST接口添加测试页面(三)
- 给div添加遮罩层,js给页面添加遮罩层
- js通用验证,给表单添加属性!
- js实现密码强度验证(显示强度,仿CSDN注册页面的密码验证)
- 为页面上某些文本框添加离开验证输入事件
- 页面常用到的js--待添加
- 通过js实现在页面中添加音乐
- 关于微信中JS-SDK的接口验证过程详细说明
- 一个简单的表单提交页面,通过js进行验证
- 同一个页面用Js和服务器验证控件OnClientClick提交问题
- 页面输入框js正则验证输入值为数字,且只保留小数点后四位
- js验证手机号不为空如果后面给出提示则不能实现添加
- facebook页面种简单测试js调用flash开放的js接口的方法
- 同一个页面用Js和服务器验证控件OnClientClick提交问题
- 页面元素用JS动态添加的有效事件绑定方式(on)
- 页面验证JS习惯
- 输入信息页面js验证,提示信息
- PHP实现微信JS-SDK接口选择相册及拍照并上传的方法 lieren_chengshi 2016-12-05 8463 查看 0评论 公开 原文 举报 取精 添加收藏 本文实例讲述了
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案