Validation du formulaire Javascript length_javascript conseils-js tutoriel-php.cn

Validation du formulaire Javascript length_javascript conseils

WBOY

Libérer： 2016-05-16 15:10:31

original

1588 Les gens l'ont consulté

JavaScript peut être utilisé pour valider ces données d'entrée dans les formulaires HTML avant que les données ne soient envoyées au serveur.

Quelle méthode doit-on utiliser pour rappeler aux utilisateurs ? Vous ne voulez certainement pas utiliser la boîte d'invite alert()

Ajouter une balise sqan après le champ de saisie

<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>

Copier après la connexion

helpText est l'objet span transmis

Utilisez des balises span pour rappeler aux utilisateurs, ce qui ne bloquera pas la vision des utilisateurs comme une alerte

En plus de la vérification non vide, il y a aussi un problème de taille

Vérifier la longueur des données

<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>

Copier après la connexion

Les paramètres ici deviennent quatre, le premier est la longueur minimale du texte, le second est la longueur maximale du texte

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;
}
}

Copier après la connexion

Vérifier le code postal

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;
}
}

Copier après la connexion