用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

表单验证并在旁边提示

2013-07-01 作者: 云代码会员举报

[javascript]代码库

<script language="javascript">
    function judge(x){
        if(x=="n"){
            var n=document.getElementById("name").value;
            if(n==""){
                document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>请填写您的姓名!</span>";
                document.getElementById("tj").disabled=true;
                }
                else{
                document.getElementById("put").innerHTML="";
                document.getElementById("tj").disabled=false;
                    }
            }
        else if(x=="p"){
                var p=document.getElementById("phone").value;
                if(p==""){
                document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>请填写您的手机号码!</span>";
                document.getElementById("tj").disabled=true;
                }
                else if(p.length!=11){
                document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>请填您正确的联系方式,以便我们联系您!</span>";
                document.getElementById("tj").disabled=true;
                    }
                else{
                document.getElementById("put").innerHTML="";
                document.getElementById("tj").disabled=false;
                    }
                    }
        else if(x=="q"){
                var q=document.getElementById("qq").value;
                if(q==""){
                    document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>请填写您的常用qq!</span>";
                    document.getElementById("tj").disabled=true;
                    }
                    else if(isNaN(q)){
                    document.getElementById("put").innerHTML="提示信息:<span style='colo=#F00'>请填写您正确的常用qq,以便我们联系您!</span>";
                    document.getElementById("tj").disabled=true;
                        }
                    else{
                    document.getElementById("put").innerHTML="";
                    document.getElementById("tj").disabled=false;
                        }
                 
                    }
        }
</script>
<form method="post" action="" >
            姓名:<input id="name" type="text" name="name"  onblur="judge('n');"/>
            手机:<input name="phone"  id="phone" type="text" size="15" onblur="judge('p');" />
           常用QQ:<input name="qq" id="qq" type="text" size="15" onblur="judge('q')"/>
        <input type="radio" name="way" value="接收手机短息"  checked="true" /><input type="radio" name="way" value="邮寄邀请函"  />
        留言:<textarea name="msg"></textarea>
        <input type="submit" id="tj" onclick="judge('n')"  class="action" value=""/>
        </form>
        <p id="put"></p>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...