后退 刷新 前进 收藏 顶部 |   知道 黑匣子 富媒体 技术服务

一个很简单的JS表单验证程序,简单又有很好的思路

程序猿 JS ... (shuke.2013-10-30 04:30)
一个简单的表单验证程序:
第一点:判断数值不为空的情况,还可是以字符对比判断;
第二点:用到了JS的||并列符   进行集中多项判断;
主要是简单,实用;
<script type="text/javascript">
function CheckForm()
{
if (document.formsk.sk_name.value == '姓名' || document.formsk.sk_tel.value.length == 0)
{
alert("请输入正确信息!");
return false;
}
return true;
}
</script>
<form method=post name="formsk" action=" " onsubmit="return CheckForm()">
        <input type="text" name="sk_name" id="sk_name" value="姓名">
        <input type="text" name="sk_tel"id="sk_tel" value="">
        <input type="submit">
</form>


2 楼 shuke[2013-10-30 17:00]
智能的提示信息:一行代码搞定整站的表单验证!
 http://validform.rjboy.cn/demo.html(需要jquery 1.4.3 以上版本)
为什么能如此方便?
插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,
让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证 条件相符,
这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,
从而使仅用一行代码去完成整站的表单验证的梦想成为现实!
<script type="text/javascript" src="http://validform.rjboy.cn/wp-content/themes/validform/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://validform.rjboy.cn/Validform/v5.1/Validform_v5.1_min.js"></script>

<STYLE TYPE="text/css">
        #Validform_msg{border:solid 1px #ccc;color:blue;height:20px;overflow:hidden;font-size:12px;line-height:20px;width:300px; }
        .Validform_title{padding:0 10px;width:100px;float:right;background:#ccc;text-align:right}
        .Validform_info{float:left;color:green}
        a.Validform_close{color:red;padding:5px;}
</STYLE>
<form class="demoform" action="http://www.baidu.com">
<input type="text" value="" name="name" datatype="s5-16" errormsg="昵称至少5个字符,最多16个字符!" />

<input type="submit">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
        $(".demoform").Validform();
//-->
</SCRIPT>


进度:100% 返回程序猿

解决织梦图集中上传图片时跳出302错误

图片新热点

导航


目录


    站内搜索
    首页 | W3C | ME