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>

两个input-Fild都是内联的。但是消息将始终直接显示在输入字段后面。现在，来自第一个输入字段的消息将重新定位第二个字段。

我正在寻找从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);

组合Livevalidation的输入字段

1 个答案: