Tipps zur Javascript-Formularvalidierung length_javascript

JavaScript kann verwendet werden, um diese Eingabedaten in HTML-Formularen zu validieren, bevor die Daten an den Server gesendet werden.

Welche Methode sollte verwendet werden, um Benutzer daran zu erinnern? Sie möchten auf keinen Fall das Eingabeaufforderungsfeld „alert()“ verwenden

Fügen Sie nach dem Eingabefeld ein sqan-Tag hinzu

<input id="phone" name="phone" type="text" size="12" onBlur="validateNonEmptyFun(this,document.getElementById('phone_help'));" />
<span id="phone_help" class="help"></span>
function validate_Length(inputFiled,helpText)
{
//如果输入域内容是空，则在span标签内提醒
if(inputFiled.value.length==0)
{
if(helpText!=null)
helpText.innerHTML="文本框不能为空";
}
//如果输入域不空，则清空span标签内的内容
else if(helpText!=null)
helpText.innerHTML=""
}
</script>

helpText ist das übergebene Span-Objekt

Verwenden Sie Span-Tags, um Benutzer daran zu erinnern, wodurch die Sicht der Benutzer nicht blockiert wird, z. B. als Benachrichtigung

Zusätzlich zur Nicht-Leer-Verifizierung gibt es auch ein Größenproblem

Datenlänge überprüfen

<input id="phone" name="phone" type="text" size="12" onBlur="validate_Length(1,32,this,document.getElementById('phone_help'));" />
<span id="phone_help" class="help"></span>

Die Parameter werden hier zu vier, der erste ist die minimale Textlänge, der zweite ist die maximale Textlänge

function validate_Length(minLegth,maxlength,inputFiled,helpText)
{
if(inputFiled.value.length<minLegth||inputFiled.value.length>maxlength)
{
if(helpText!=null)
{
helpText.innerHTML="请输入长度为"+minLenght+"到"+maxLength+"的文本";
return false;
}
}
else if(helpText!=null)
{
helpText.innerHTML=""
return true;
}
}

Postleitzahl überprüfen

function validate_ZipCode(inputFiled,helpText)
{
if(inputFiled.value.length!=5)
{
if(helpText!=null)
helpText.innerHTML="邮政编码长度必须为5位";
return false;
}
else if(isNaN(inputFiled.value))
{
if(helpText!=null)
helpText.innerHTML="邮政编码必须为数字";
return false;
}
else if(helpText!=null)
{
helpText.innerHTML=""
return true;
}
}