1

我有一个用 Bootstrap 构建的输入表单。正确数据的检查由 javascript 处理，并设置为单击“提醒我”按钮会弹出一个通知，提示一切正确。弹出通知的最后一部分由 php POST 方法处理，我希望显示相同的弹出窗口，但使用 javascript 而不是。

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="me@somewhere.com">

      </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 } ?>
4

1 回答 1

1

你说的逻辑不正确。的耳朵是 PHP。没有 PHP 就不可能知道发布的表单和数据是否传递到服务器。

于 2013-04-20T18:58:05.340 回答