Javascript 양식 유효성 검사 length_javascript 팁-JS 튜토리얼-php.cn

Javascript 양식 유효성 검사 length_javascript 팁

WBOY

풀어 주다： 2016-05-16 15:10:31

원래의

1587명이 탐색했습니다.

데이터가 서버로 전송되기 전에 JavaScript를 사용하여 HTML 양식에서 이러한 입력 데이터의 유효성을 검사할 수 있습니다.

사용자에게 상기시키기 위해서는 어떤 방법을 사용해야 합니까? 당신은 경고() 프롬프트 상자를 사용하고 싶지 않을 것입니다

입력 필드 뒤에 sqan 태그 추가

<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는 전달된 범위 객체입니다

스팬 태그를 사용하여 사용자에게 알림을 보내면 경고처럼 사용자의 시야를 가리지 않습니다

비어있지 않은 검증 외에도 크기 문제도 있습니다

데이터 길이 확인

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

로그인 후 복사

여기서 매개변수는 4개가 되며, 첫 번째는 텍스트의 최소 길이, 두 번째는 텍스트의 최대 길이

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

로그인 후 복사

우편번호 확인

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

로그인 후 복사