jQuery autoform 스크립트 쉬운 양식 자동 완성

웹 양식을 채우는 데 지쳤습니까? 쿠키를 지워야하기 때문에 웹 양식의 힙을 테스트하고 기본값을 계속 잃어 버리십니까? 글쎄, 나는 당신을위한 대접이 있습니까! 나는 jQuery autoform이라는이 jQuery 스크립트를 작성했으며 그 일이 간단합니다. . 모든 양식, 가입 양식, 등록 양식, 연락처 양식, 기본적으로 브라우저 기반 양식에서 작동합니다. 반복적 인 양식 테스트에 적합하여 개발 시간을 절약 할 수 있습니다. 대부분의 형태는 "이름", "풀 이름", "풀 이름"등과 같은 다른 이름을 가지므로이를 처리 할 수 ​​있으며 모든 유형의 형태 필드에 대해 완전히 사용자 정의 할 수 있습니다. 키 테이크 아웃

jQuery autoform 스크립트는 자동 채무 웹 양식을위한 빠르고 사용자 정의 가능한 솔루션을 제공하며 다양한 양식 필드를 지원하고 현재 날짜에 날짜 필드를 자동으로 업데이트합니다. 스크립트는 웹 프로젝트에 쉽게 통합되어 사용자가 모든 페이지에서 자동 요금 양식을 클릭 할 수있는 북마크를 통해 빠른 설정을 할 수 있습니다. 다양성에도 불구하고 JQuery Autoform은 iframes 또는 팝업 창에 포함 된 양식을 지원하지 않으며 "이름"속성이있는 필드에서만 작동합니다.

jQuery autoform 기능

빠른 - 1 초 미만의 양식을 채우십시오 안정 - 모든 브라우저에서 작동합니다 액세스 가능 - 쉽게 사용하기 위해 브라우저 북마크의 형태를 취할 수 있습니다. 사용자 정의 가능 - 이름/값으로 입력을 추가 할 수 있습니다. 스마트 - 날짜가 만료되지 않으면 현재 날짜의 날짜를 자동으로 채워집니다.

jQuery autoform demo
이것은 일부 표준 필드를 포함하는 형태입니다
날짜
name
주소
email

전화
메시지
뉴스 레터 jQuery autoform 를 실행하십시오
자신만의 autoform을 만듭니다 다운로드 jquery4u.util.autoform.js 이름, 이메일 및 기타 양식 필드를 사용자 정의하십시오 입력 필드 이름을 특정 양식 와 일치하도록 편집하십시오 opfuscate (선택 사항이지만 니스) 양식을 방문하여 북마크를 클릭하십시오
jQuery autoform Full Script jQuery Autoform 스크립트 (북마크 난독 화 된 미니딩 버전) 자동 인구가 많은 필드 이름의 사용자 정의가 완료되면 최종 스크립트는 아래 코드와 같은 것으로 보입니다. 이것을 북마크로 변환하려면 간단한 Prepend“JavaScript :”.
추가 메모 는 iframe 내장 양식 또는 팝업 창에서 작동하지 않습니다. 는 "이름"속성이있는 필드 만 채워집니다 날짜가 만료되지 않습니다 - 현재 날짜의 날짜를 자동으로 채워집니다.
jQuery autoform 에 대한 질문이 자주 묻습니다 HTML 코드에서 jQuery Autoform을 구현하려면 어떻게 할 수 있습니까?

HTML 코드에서 jQuery Autoform 구현은 간단한 프로세스입니다. 먼저 HTML 파일에 jQuery 라이브러리를 포함해야합니다. html 파일의 헤드 섹션에서 다음 스크립트 태그를 추가하여이를 수행 할 수 있습니다. . 그런 다음 .atoform () 메소드를 사용하여 양식을 자동으로 채울 수 있습니다. 다음은 다음과 같은 방법입니다. $ ( " #myform"). autoform ({ data : { 이름 : "john doe",
email : "john.doe@example.com" 다른 JavaScript 라이브러리와 함께 jQuery autoform을 사용할 수 있습니까?

예, jQuery autoform은 다른 JavaScript 라이브러리와 함께 사용할 수 있습니다. 그러나 라이브러리간에 충돌이 없도록해야합니다. JQuery는`= 기호를 사용하는 다른 라이브러리와의 충돌을 피하기 위해 사용할 수있는 $ .noconflict () 메소드를 제공합니다. 다음은 다음과 같습니다. jQuery (document). readip (function ($) { $ ( "#myform"). AutoForm ({ data : { 이름 : "John Doe", });

이 예에서는 = 변수를 다른 라이브러리로 다시 제어하기 위해 $ .noconflict ()가 호출됩니다. 그런 다음 jQuery의 $ (document) .ready ()`메소드는 페이지 문서 모델 (DOM)이 JavaScript 코드가 실행될 준비가 된 후에 만 ​​실행되는지 확인하는 데 사용됩니다.

jQuery Autoform에서 오류를 처리 할 때 어떻게 처리 할 수 ​​있습니까? 이 메소드는 서버에 대한 요청이 실패 할 때 호출됩니다. 다음은 다음과 같은 방법입니다. $ ( "#myform"). Autoform ({ data : {
이름 : "john doe",
email : "john.doe@example.com"});
이 예에서는 요청이 실패하면 오류 메시지와 함께 경고 상자가 표시됩니다.
jQuery AutoForm을 사용하여 여러 양식을 한 번에 채울 수 있습니까? 공통 클래스 또는 속성을 사용하여 양식을 선택하고 .autoform () 메소드를 호출하면됩니다. 예는 다음과 같습니다. $ ( ". myforms"). autoform ({ data : { name : email :"john.doe@example.com "이 예에서는 my ormization이있는 모든 형태의 행동으로 채워질 것입니다. jQuery autoform
jQuery autoform은 동작을 사용자 정의하는 데 사용할 수있는 몇 가지 옵션을 제공합니다. 예를 들어, onsuccess 옵션을 사용하여 양식이 성공적으로 채워질 때 호출 될 함수를 지정할 수 있습니다. 예는 다음과 같습니다. $ ( "#myform"). autoform ({ data : { name : email :"john.doe@example.com "},
onsuccess : function () { alert ("forms! "); 예를 들어, 양식이 성공적으로 채워지면 경고 상자가 표시됩니다.

ajax와 함께 jquery autoform을 사용할 수 있습니까?

예, ajax와 함께 jQuery autoform을 사용할 수 있습니다. $ .ajax () 메소드를 사용하여 요청을 서버에 보내고 .done () 메소드를 사용하여 요청이 성공할 때 양식을 채울 수 있습니다. 예는 다음과 같습니다. $. ajax ({ $ ( "#myform")). Autoform ({

data :
});
동적 데이터와 함께 jQuery autoform을 어떻게 사용할 수 있습니까?
는 데이터 옵션에 함수를 전달하여 동적 데이터와 함께 jQuery autoform을 사용할 수 있습니다. 이 기능은 양식을 채우는 데 사용될 데이터를 반환해야합니다. 예는 다음과 같습니다. $ ( "#myform"). autoform ({ data : function () {
return {
이름 : $ ( "#nameinput"). val (),
이메일 : $ ( "#emailinput"). #NameInput 및 #EmailInput 입력 필드.
jQuery autoform을 사용하여 선택 요소를 채우는 요소를 채울 수 있습니까?
예, JQuery Autoform을 사용하여 선택 요소를 채울 수 있습니다. 데이터 객체에서 선택할 옵션의 값을 지정하면됩니다. 예는 다음과 같습니다. $ ( "#myform"). autoform ({ 데이터 : { country : 이 예에서는 국가 선택 요소가“미국”옵션으로 채워질 것입니다.

jquery autoform을 사용할 수 있습니까? 데이터 객체에서 부울 값을 지정하여 확인란 및 무선 요소를 채우는 자동 세포. 값이 true 인 경우 확인란 또는 라디오 버튼을 확인합니다. 거짓이라면 확인되지 않습니다. 예는 다음과 같습니다. $ ( "#myform"). autoform ({ data : {
동의 : 이 예에서 동의 확인란이 점검됩니다.

$ ( "#myform"). autoform ({ 데이터 : { 메시지 : "hello, world!"} 이 예에서는 텍스트가“hello, world!”.

위 내용은 jQuery autoform 스크립트 쉬운 양식 자동 완성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!