关于表单验证

HTML控件：<li class="button_lg" style="cursor:pointer" onclick="btnlogin()">登 录 </li>
        function btnlogin(){
            $("#lform").submit();
            document.getElementById('<%=Button1.ClientID %>').click();
        }
表单lform需要提交，但是提交前需要做个验证内容如下：
                if ($.trim($("#uname"))) {
                    alert("请输入用户名");
                    return false;
                }
                else if ($.trim($("#upwd"))) {
                    alert("请输入密码");
                    return false;
                }
                else if ($.trim($("#ucode"))) {
                    alert("请输入验证码");
                    return false;
                }
                else if ($.trim($("#ucode")) != $("#VerifyCode").val()) {
                    alert("验证码错误");
                    return false;
                }
                return true;
如何调用？

解决方案 »

  1.   

    而且你的获取文本框内容也是有错的。$.trim($("#uname").val()）
      

  2.   

    调用的代码怎么写，看着那些return false　不知道怎么弄
      

  3.   

            function btnlogin(){
            if(check())
            {
                $("#lform").submit();
                document.getElementById('<%=Button1.ClientID %>').click();
                }
            }
            function check(){
                            if ($.trim($("#uname"))) {
                        alert("请输入用户名");
                        return false;
                    }
                    else if ($.trim($("#upwd"))) {
                        alert("请输入密码");
                        return false;
                    }
                    else if ($.trim($("#ucode"))) {
                        alert("请输入验证码");
                        return false;
                    }
                    else if ($.trim($("#ucode").val()) != $("#VerifyCode").val()) {
                        alert("验证码错误");
                        return false;
                    }
                    return true;
            }报错：对象不支持此属性或方法
      

  4.   

      我只是个新手，每天都坚持会来CSDn上逛逛，可是一看发现好多都不会！
    所以都随便顶帖 来获得可用分！！！！！
      

  5.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--  function btnlogin(){
    if (show()) {
    $("#lform").submit();
    return true;
    }  else {
    return false;
    }
      }
    function show() {
    if ($.trim($("#uname"))) {
    alert("请输入用户名");
    return false;
    } else if ($.trim($("#upwd"))) {
    alert("请输入密码");
    return false;
    } else if ($.trim($("#ucode"))) {
    alert("请输入验证码");
    return false;
    } else if ($.trim($("#ucode")) != $("#VerifyCode").val()) {
    alert("验证码错误");
    return false;
      }
      return true;
    }
     //-->
    </SCRIPT>
    </HEAD><BODY>
    <form method="post" action="">
    <li class="button_lg" style="cursor:pointer" onclick="btnlogin()">登 录 </li>
    </form>
    </BODY>
    </HTML>
      

  6.   


    给你说了你的 if ($.trim($("#uname"))) 这里连续几个都不对啊
    应该是if($.trim($('#uname').val()))
      

  7.   

    可以直接使用JS验证，JQ 我还没学，没有发言权
      

  8.   

    建议不要使用else if这种形式,个人觉得可读性不是很好，可以使用switch
      

  9.   


    纯javascript///
     function btnlogin() {
        var nameObj=document.getElementById("${}").value
        nameObj.value=nameObj.value.trim()
         if(nameObj.value="")
         {
            alert('不能为空');
            nameObj.foucs(); 
            return  false;      
         }
       ....
    有多少个属性值写多少个   在onclick 返回方法名就OK了  
    HTML控件：<li class="button_lg" style="cursor:pointer" onclick=" return btnlogin()">登 录 </li>
      

  10.   

    var nameObj=document.getElementById("name的属性id").value