0

こんにちは、私を助けてください。PHP初心者です。データベースに雇用情報を挿入し、フォームが置かれた div を非表示にしたいと考えています。

HTML:

<div class="toggler">
    <div id="effect" class="ui-widget-content ui-corner-all">
        <form name="empform" method="post" action="profile.php" autofocus>
            <input name="employ" type="text" id="employ" pattern="[A-Za-z ]{3,20}"
            placeholder="Who is your employer?">
            <input name="position" type="text" id="position" pattern="[A-Za-z ]{3,20}"
            placeholder="What is your job description?">
            <input name="empadd" type="text" id="empadd" pattern="[A-Za-z0-9@#$% ]{5,30}"
            placeholder="Where is your work address?">
            <input name="empcont" type="text" id="empcont" pattern="[0-9]{11}" title="11-digit number"
            placeholder="Contact number">
            <input name="btncancel" type="button" class="btncancel" value="Cancel"
            style="width:60px; border-radius:3px; float:right">
            <input name="btndone" type="submit" class="btndone" value="Done" style="width:60px; border-radius:3px; float:right">
        </form>
    </div>
</div>

PHP:

if (isset($_POST['btndone'])) {
    $employ = $_POST['employ'];
    $position = $_POST['position'];
    $empadd = $_POST['empadd'];
    $empcont = $_POST['empcont'];
    $empdate = $_POST['empdate'];
    $empID = $alumniID;
    $obj - > addEmployment($employ, $position, $empadd, $empcont, $empdate, $empID);
}

JS:

<script>
    $(function () {
        function runEffect() {
            var selectedEffect = "highlight";
            $(".toggler").show(selectedEffect);
        };

        function runDisplay() {
            var selectedDisplay = "highlight";
            $("#empdisplay").show(selectedDisplay);
        };
        $(".btncancel").click(function () {
            $(".toggler").hide();
            return false;
        });
        $(".btndone").click(function () {
            runDisplay();
            $(".toggler").hide();
            return false;
        });
    }
</script>
4

3 に答える 3

1

これを試して

HTML

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>

<body>
<div class="toggler">
    <div id="effect" class="ui-widget-content ui-corner-all">
        <form id="empform" name="empform" method="post" action="profile.php" autofocus>
            <input name="employ" type="text" id="employ" pattern="[A-Za-z ]{3,20}"
            placeholder="Who is your employer?">
            <input name="position" type="text" id="position" pattern="[A-Za-z ]{3,20}"
            placeholder="What is your job description?">
            <input name="empadd" type="text" id="empadd" pattern="[A-Za-z0-9@#$% ]{5,30}"
            placeholder="Where is your work address?">
            <input name="empcont" type="text" id="empcont" pattern="[0-9]{11}" title="11-digit number"
            placeholder="Contact number">
            <input name="btncancel" type="button" class="btncancel" value="Cancel"
            style="width:60px; border-radius:3px; float:right">
            <input id="submit"name="btndone" type="submit" class="btndone" value="Done" style="width:60px; border-radius:3px; float:right">
        </form>
    </div>
</div>
<script>
    $(document).ready(function() {
        //$("#form").prev
    $('#submit').click(function(event) {
    //alert (dataString);return false;  
    event.preventDefault();
    $.ajax({  
      type: "POST",  
      url: 'profile.php',
      dataType:"html",
      data: $("#empform").serialize(),
      success: function(msg) {
                alert("Form Submitted: " + msg);
      //alert($('#form').serialize());
       $('div.toggler').hide();
      }  
    }); 

    });
    });
 </script>
</html>

PHP profile.php

<?php
    if (isset($_POST)) {
         $employ = $_POST['employ'];
         $position = $_POST['position'];
         $empadd = $_POST['empadd'];
         $empcont = $_POST['empcont'];
         $empdate = $_POST['empdate'];
        $empID = $alumniID;
        $obj - > addEmployment($employ, $position, $empadd, $empcont, $empdate, $empID);

    }
?>

私はあなたのフィールドについて確信が持てません

echo $empdate = $_POST['empdate']; $empID = $卒業生ID; それらは形式ではありませんが、機能します!...

于 2013-08-22T09:01:42.043 に答える
0

ajax 呼び出しを実行してデータを保存してから、次のように div を非表示にする必要があります。

$('form[name="empform"]').submit(function(e) {
    e.preventDefault();
    $.post($(this).attr('action'), $(this).serialize(), function(data) {
        $('div.toggler').hide();
    });

});
于 2013-08-22T08:50:39.837 に答える