組合輸入字段以進行Livevalidation

Question

我檢查一些帶有Livevalidation的輸入字段是否不為空。 為此，我使用以下代碼：

        <script type="text/javascript">
            var street = new LiveValidation('street');
            var streetnumber = new LiveValidation('streetnumber');
            street.add( Validate.Presence );
            streetnumber.add( Validate.Presence );
        </script> 

兩個輸入字段都是內聯的。 但是消息將始終直接顯示在輸入字段后面。 現在，來自第一個輸入字段的消息將重新定位第二個字段。

我正在尋找從2個字段組合驗證並僅顯示一條消息的最佳方法。

在這里您可以看到實際的結果： http : //jsfiddle.net/Vme7C/

Answer 1

http://jsfiddle.net/Vme7C/1/

var street = new LiveValidation('street',{
    onValid:showmessage(true),onInvalid:showmessage(false)
});
var streetnumber = new LiveValidation('streetnumber',{
    onValid:showmessage(true),onInvalid:showmessage(false)
});

var streetvalid=false,streetnumbervalid=false,
    ls=document.getElementById('msgli');
function showmessage(val){
    return function(){
        if(this.element.id=="street")
            streetvalid=val;
        else
            streetnumbervalid=val;
        if(streetvalid && streetnumbervalid){
            ls.innerHTML="All fields are valid";
            return;
        }
        if(!streetvalid && !streetnumbervalid){
            ls.innerHTML="No field is valid";
            return;
        }
        ls.innerHTML=(!streetvalid?"Street":"Street number")
            +" field is invalid";
        return;
    }
}

street.add(Validate.Presence);
streetnumber.add(Validate.Presence);