개발 도구 dreamweaver DreamWeaver CS3의 SPRY에 대한 사용자 정의 확인 코드

DreamWeaver CS3의 SPRY에 대한 사용자 정의 확인 코드

Sep 29, 2018 pm 04:01 PM

이 글의 내용은 DreamWeaver CS3의 SPRY 사용자 정의 인증 코드에 관한 내용입니다. 필요한 친구들이 참고하시면 도움이 될 것입니다.

지난 이틀 동안 DreamWeaver CS3에서 SPRY 구성 요소를 사용했습니다. 일부 입력에 대해 자동으로 프런트 엔드 인증을 수행할 수 있음을 발견했습니다. 번호 확인, 문자열 확인, 우편번호 확인, 날짜 확인 등과 같은 몇 가지 확인 콘텐츠가 내장되어 있어 매우 편리합니다.

그러나 문제는 내장된 검증 중 일부가 중국에서 그다지 실용적이지 않다는 것입니다. 왜냐하면 제공하는 검증 중 일부는 미국 표준을 기반으로 하고 있으며 이는 여전히 중국 표준과 다소 다르기 때문입니다.

이때 생각나는 건 검증 연장뿐이네요. 나는 충분하지 않기 때문에 코드를 수정하고 싶지 않습니다. 다른 방법이 있는지 확인하세요. 인터넷에서 몇 가지 정보를 찾아본 후, 직접 실습을 통해 마침내 성공했습니다. 이제 그 뒤에 코드를 할당하십시오. ​

<span id="sprytextfield1">
<input type="text" name="text1" id="text1"  />
<span class="textfieldRequiredMsg">需要提供一个值。</span>
 <span class="textfieldInvalidFormatMsg">数据无效。</span></span>
로그인 후 복사

확인을 위해 SPRY 텍스트 상자를 수동으로 드래그하여 생성된 코드입니다.

다음에는 SPRY를 선언하는 코드가 있습니다.

<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField
("sprytextfield1", "custom", {validateOn:["blur"],validation:EXT});
//-->
</script>
로그인 후 복사

마지막 검증: EXT는 제가 수동으로 추가했는데, 이는 SPRY 검증이 EXT 함수를 호출하여 달성되었음을 나타냅니다. EXT는 확인이 통과했음을 나타내는 True를 반환하고, EXT는 확인이 실패했음을 나타내는 False를 반환합니다. (EXT는 함수명으로 직접 정의할 수 있는데 이 메소드는 매개변수 전달이 안되는 것 같습니다.)

<script language="javascript">
var EXT = function(){
var objReg=/(13)(\d{9})/;
        t=form1.text1.value;
return objReg.test(t);
    }
</script>
로그인 후 복사

위 코드는 text1의 내용을 확인할 때 중국 휴대폰 번호와 일치한다는 의미입니다.

EXT 기능을 수정하면 맞춤형 검증 효과를 얻을 수 있습니다. 예: 비밀번호 상자와 비밀번호 반복 상자의 내용이 동일한지 확인하십시오.

아아아아

위 내용은 DreamWeaver CS3의 SPRY에 대한 사용자 정의 확인 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Adobe Dreamweaver를 다운로드하는 방법 Adobe Dreamweaver를 다운로드하는 방법 Mar 06, 2025 pm 01:06 PM

Adobe Dreamweaver를 다운로드하는 방법

무료로 DreamWeaver를 설치하는 방법 무료로 DreamWeaver를 설치하는 방법 Mar 06, 2025 pm 12:58 PM

무료로 DreamWeaver를 설치하는 방법

DreamWeaver 용 웹 페이지를 만드는 방법 DreamWeaver 용 웹 페이지를 만드는 방법 Mar 06, 2025 pm 01:05 PM

DreamWeaver 용 웹 페이지를 만드는 방법

Dreamweaver를 가열하는 방법 Dreamweaver를 가열하는 방법 Mar 06, 2025 pm 12:52 PM

Dreamweaver를 가열하는 방법

DreamWeaver를 사용하는 방법 DreamWeaver를 사용하는 방법 Mar 06, 2025 pm 12:55 PM

DreamWeaver를 사용하는 방법

웹 페이지에서 DreamWeaver를 실행하는 방법 웹 페이지에서 DreamWeaver를 실행하는 방법 Mar 06, 2025 pm 01:01 PM

웹 페이지에서 DreamWeaver를 실행하는 방법

중국어로 DreamWeaver를 읽는 방법 중국어로 DreamWeaver를 읽는 방법 Mar 06, 2025 pm 12:59 PM

중국어로 DreamWeaver를 읽는 방법

DreamWeaver를 발음하는 방법 DreamWeaver를 발음하는 방법 Mar 06, 2025 pm 01:02 PM

DreamWeaver를 발음하는 방법

See all articles