フォームは私にPHPのページを送ってください

私は自分のコードといくつかのフォームと提出してフォームをどのようにアクションplsヘルプのPHPページに私を送って、私はそれを維持しているhapenを理解していません。私はそれで私の頭を壊す。フォームは私にPHPのページを送ってください

最初の部分は、第二のフォーム要素のHTMLコード

$(document).ready(function() { 

$("button#RegisterB").click(function(){ 

    var error = ''; 
    if($('#username').val().length == 0) { error += 'fill name<br />'; } 
    if($('#password').val().length == 0) { error += 'fill pass<br />'; } 
    if($('#repassword').val().length == 0) { error += 'match pass<br />'; } 
    if($('#password').val() != $('#repassword').val()) { error += 'notmatch<br />'; } 
    var phonenum=$('#phonenum').val()+$('#select').val(); 
    if(phonenum.length == 0) { error += 'fill phone num <br />'; } 
    else if ($.isNumeric(phonenum) == false || phonenum.length != 10) { error += 'phone not good<br />'; } 
    $("form_reg").submit(function(e){ 
     e.preventdefault; 
     return false; 
    }); 
    if(error != '') { 
     $('#result').html(error); 
    } 

    else { 

     $.ajax({ 
       url:$("form_reg").attr('action'), 
       data: $("form_reg : input").serializeArray(), 
       cache: false, 
       contentType: false, 
       processData: false, 
       type: 'POST', 
       success: function(result) { 
        $("#result").html(result); 
       } 

       }); 


    } 
}); 
}); 

     </script> 


     </head> 
     <body> 

     <div style="width:300px;margin:0 auto; margin-top:70px;text-align:center;"> <img src="photos/logo2.png"/></div> 
     <div id="Register"> 

      <form id="form_reg" action="AddUser.php" method="post" onsubmit="e.preventdefault;" > 
      <div class="head_div"> <span> register</span> </div>  
      <div id="main_reg"> 
       <div class="login_line"> 
         <label for="username"> full name</label> 
         <input type="text" name="username" id="username" placeholder="full name" /> 
       </div> 

       <div class="login_line"> 
        <label for="password"> pass </label> 
        <input type="password" name="password" id="password" placeholder=pass" /> 
       </div> 

       <div class="login_line"> 
        <label for="repassword"> repass </label> 
        <input type="password" name="repassword" id="repassword" placeholder="repass" /> 
       </div> 

       <div class="login_line"> 
        <label for="email"> email </label> 
        <input type="email" name="email" id="email" placeholder="email" /> 
       </div> 

       <div class="login_line"> 

        <label for="phonenum" > phonenum </label> 
       </div> 
       <div class="login_line"> 
         <input type="text" id ="phonenum" name="phonenum" placeholder="phonenum" /> 
         <select id="select"> 
          <option value="050"> 050</option> 
          <option value="054"> 054</option> 
          <option value="052"> 052</option> 
          <option value="053"> 053</option> 
          <option value="058"> 058</option> 
          </select> 

        </div> 
       </div> 

       <div class="login_line"> 
        <div id="result"> </div> 
       </div> 

       <div class="send_line">  
        <button type="submit" name="send" id="RegisterB" > registerw </button> 
       </div>

出典

2017-03-11 Twebs

セレクタで誤っているjqueryのAjaxコードあります。これに

$("form_reg")

：：これを（あなたがそれあなたのコード内で数回を持っている）に変更し

$("#form_reg")

#セレクタが一致id属性を持つ要素を選択するために使用されます。

Here's a working JS fiddle with you code

出典

2017-03-11 14:36:54

$("#myForm").submit(function(e){ 
    e.preventDefault(); 
    url: "actionpath", 
    data: //serialized data, 
    type: //GET/POST, 
    success: function(success){ 
    alert("Login Successful"); 
    }, 
    error: function(error){ 
    alert(error); 
    } 
});

出典

2017-03-11 14:37:53

好きです、AJAXでザ・... IDのみでから使用して...フォームからよう:::

<form id="myForm"> //Form Content </form>

をアクションパスを削除'action'プロパティは無関係です。設定されていなければ、フォームは現在のURLに送信されます。問題はフォームセレクタが間違っていることです –

@Brett Gregsonフォームセレクタについてのインシデントは何ですか？ – Twebs

@Twebsは私の答えを見ます。 –

フォームは私にPHPのページを送ってください

答えて

関連する問題