Javascript function like php POST

我有一个用Bootstrap编写的输入表单。检查正确的数据是由javascript处理的，并且它设置为在点击按钮“提醒我”时弹出一个通知，说明一切正确。弹出式通知的最后一部分由php POST方法处理，并且我想要显示相同的弹出窗口，但使用javascript而不是php。Javascript function like php POST

的HTML是：

<form class="form-horizontal" id="registerHere" method='post' action=''> 
    <fieldset> 
    <div class="control-group"> 
     <div class="controls"> 
     <input type="text" class="span3" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name" placeholder="First name Last name"> 

     </div> 
</div> 

<div class="control-group"> 
     <div class="controls"> 
     <input type="text" class="span3" id="user_email" name="user_email" rel="popover" data-content="What’s your email address?" data-original-title="Email" placeholder="[email protected]"> 

     </div> 
</div> 

<div class="control-group"> 
<div class="controls controls-row"> 
    <input type="text" class="span1" id="inputPLZ" name="inputPLZ" placeholder="Postal" data-content="Insert your area postal code."> 
    <input type="text" class="span2" id="inputOrt" name="inputOrt" placeholder="Place" data-content="Where are you from?"> 
</div> 
</div> 

<div class="control-group"> 
    <label class="control-label" for="input01"></label> 
     <div class="controls"> 
     <button type="submit" class="btn btn-success" rel="tooltip" title="first tooltip">Remind me</button> 

     </div> 

</div> 



    </fieldset> 
</form>

和JavaScript是

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#registerHere input').hover(
      function(){ 
     $(this).popover('show') 
      }, 
      function(){ 
     $(this).popover('hide') 
      } 
     ); 
     $("#registerHere").validate({ 
      rules:{ 
       user_name:"required", 
       user_email:{ 
         required:true, 
         email: true 
        }, 
      }, 
      messages:{ 
       user_name:"Enter your first and last name", 
       user_email:{ 
        required:"Enter your email address", 
        email:"Enter valid email address" 
       }, 
      }, 
      errorClass: "help-inline", 
      errorElement: "span", 
      highlight:function(element, errorClass, validClass) { 
       $(element).parents('.control-group').addClass('error'); 
      }, 
      unhighlight: function(element, errorClass, validClass) { 
       $(element).parents('.control-group').removeClass('error'); 
       $(element).parents('.control-group').addClass('success'); 
      } 
     }); 
    }); 
    </script>

这是我想用javascript取代PHP部分：

 <?php if($_POST) { ?> 
<div class="alert alert-success"> 
    Thanks, we have your info, and expect our contact really soon! 
</div> 
<?php } ?>

来源

2013-04-20 dzordz

从[JQuery]（http://jquery.com/） – DarkBee 2013-04-20 18:41:14

或$ .ajax（）获取更多选项使用[$ .post]（http://api.jquery.com/jQuery.post/） – 2013-04-20 18:45:27

我不明白你到底需要什么。任何弹出窗口都是客户端Javascript的操作！ – SaidbakR 2013-04-20 18:49:01

你所谈论的逻辑是不正确的。您的server-side的耳朵是PHP。无法知道发布的表单和数据是否在没有PHP的情况下传递到服务器。

来源

2013-04-20 18:58:05 SaidbakR

从服务器端由Python处理，所以我只需要JavaScript弹出 – dzordz 2013-04-20 19:01:07

@dzordz另外，您将在服务器端Python中进行通信，以确认数据已发布。这是Web应用程序中客户端 - 服务器模型的问题。客户端Javascript能够知道的最终东西是单独提交表单，但它无法知道数据是否传递！ – SaidbakR 2013-04-20 19:03:44

Javascript function like php POST

回答

相关问题