html/javascript로 2 단계 양식을 설정하는 간단한 방법

사용자가 소포 세부 정보를 채우고 다양한 필드를 기반으로 가격을 출력하는 html 양식이 있습니다. 그런 다음 사용자가 이름, 연락처 정보 등 몇 가지 필드를 채울 수있는 가격이 만족스럽고 제출을 누르면 양식이 PHP를 통해 처리됩니다.html/javascript로 2 단계 양식을 설정하는 간단한 방법

나는 이것을하는 2 가지 방법을 생각했다. 첫 번째는 하나의 양식을 갖는 것이며, 제출 될 때 더 많은 정보를 요구하는 다른 양식을 생성합니다. 그러나 첫 번째 형식에서 두 번째 형식으로 변수를 전달하는 방법이 필요합니다. 그렇게 좋지는 않습니다.

두 번째 아이디어는 사용자가 특정 필드의 값을 변경하면 가격을 출력 한 다음 다른 연락처 정보 필드를 표시 할 수 있도록 양식에 트리거가 있어야한다는 것입니다. 그러나이 방법이 좋은지 확실하지 않습니다.

클라이언트 측에서 가장 간단하고 가장 현명한 방법은 무엇입니까?

출처

2012-01-31 rav

두 번째 옵션을 사용합니다. 1. 서버 측 처리 페이지를 확인

단계는 양식 필드에 변경 사항을 모니터링, 자바 스크립트를 사용하여

2 단계 quote.php 말한다. 유효한 항목이 있으면 quote.php에 게시물 데이터를 보내면 견적과 함께 회신해야합니다. div를 가격 견적으로 채 웁니다.

JQuery와 예 :

//You'll have to call this function whenever the user input changes 
//Call quote service 
$.get("/quote.php", 
    { 
    //Pass javascript variables as POST/GET variables 
    zip: txtzip, weight: txtweight, ship_method: txtship_method 
    }, 

    // Populate price div on this page with the quote response 
    function(data){ 
    $("#calc-price").html(data); 
    });

3 단계 : 사용자가 가격을 좋아하는 경우, 양식의 나머지 부분을 작성하고 당신은 일반 팔자 '형태처럼 처리합니다.

출처

2012-01-31 13:35:09

견적 가격의 계산은 클라이언트 측에서 js를 사용하여 실제로 수행되므로 해당 비트에 대해 PHP를 사용할 필요가 없습니다. 나는 전체 양식을 전자 메일 등에 제출할 때 PHP를 사용합니다. – rav

고객이 가격 계산을 수행하는 데 필요한 모든 데이터를 가지고 있다면 두 번째 아이디어에 따라 표시/숨기기 기능이있는 단일 양식을 제안합니다. 다른 사람들은 동의하지 않을 수도 있지만 읽기 또는 쓰기 작업을 수행 할 때만 서버로 돌아갑니다. 사용 가능한 웹 서비스가있는 경우에는 그 수가 훨씬 적습니다.

출처

2012-01-31 13:39:02

2 가지 형식을 사용하여이 작업을 수행했습니다. 첫 번째 양식은 가격을 출력 한 다음 두 번째 양식을 표시합니다. 변수는 두번째 폼이 그것들에 접근 할 수 있고 그것들을 내 PHP 페이지로 보낼 수 있다는 것을 의미합니다. – rav

html/javascript로 2 단계 양식을 설정하는 간단한 방법

답변

관련 문제