jQuery 通用表单方法

表单验证一直是一个麻烦的事情，让很多人望而退步，之前想过一个验证的好方法，但是有bug，昨晚请教了juyling.com的王员外，顺利解决。

以下是js代码

 

 

function mySubmit($obj, $form, $input){
        $obj.click(function(){
            var flag = true,
                errorIndex = -1;
            $input.each(function(i){
                if( ! $.trim( $(this).val() )  ){
                    errorIndex = i;
                    return flag = false;
                }
            });
            if( flag ){
                $form.submit();
            }else{
                alert($input.eq(errorIndex).attr('data-msg'));
                $input.eq(errorIndex).focus();
                return false;
            }
        });
            
    }

 

HTML代码

 

<form method="post" id="myform">
        <p>
            <label for="Name">真实姓名</label>
            <input name="Name" id="Name" class="v" data-msg="请输入姓名" type="text" />
        </p>
        <p>
            <label for="contact_value">手机号码</label>
          <input name="contact_value" id="contact_value" class="v" data-msg="请输入手机号码" type="tel" />
        </p>
        <p class="btn">
            <input name="dosubmit" id="btn-sbt" value="注 册" type="submit" />
        </p>
</form>

　　来自;http://www.imsole.net/article/1.63.sole