【问题标题】:How to delete from mysql using bootstrap modal?如何使用引导模式从 mysql 中删除?
【发布时间】:2015-03-23 22:27:49
【问题描述】:

我想根据下拉列表的选择删除帐户。

这是我对form 的标记 -

<form action="" method="post">
    <select class="form-control" size="8" id="userName" name="userName">
        <option value="9" data-userId="uid9">dilani</option>
        <option value="6" data-userId="uid6">kamala</option>
        <option value="12" data-userId="uid12">senudhi</option>
        <option value="2" data-userId="uid2">testuser</option>
        <option value="4" data-userId="uid4">tharanga</option>
    </select>
    <br>
    <button type="submit" class="btn btn-primary" >Terminate</button>
    <br>
</form> 

PHP 中,我正在检查用户是否正在提交表单,并在删除帐户之前从下拉列表中选择了一个用户名。

我的PHP 代码是这样的 -

// Check for a form submission:
if ($_SERVER['REQUEST_METHOD'] == 'POST') { 
    // Check for username is selected from dropdown list: 
    if (isset($_POST['userName'])) {
        $userid = $_POST['userName'];               

        //echo $userid; 
        // my delete query ---

    } else {
        $error_msg .= ' You didn\' select either username or domain name to Terminate.';
    }
}

我的问题是,如果表单提交成功,那么我需要在删除帐户之前显示一个确认对话框。

我试过 javascript onsubmit 但它不适合我。一旦我单击终止按钮,就会显示确认,而忽略下拉列表的选择。这意味着我不需要从用户名列表中选择一个项目来完成这项工作。

这就是我检查它的方式 -

<form action="" method="post" onSubmit="return confirm('are you sure?')"> 

谁能指导我使用Bootstrap modal 来做到这一点?

谢谢。

【问题讨论】:

  • 如果提交通过ajax,那么你可以使用beforeSend函数,这样你就可以调用引导模式
  • @amtest,由于我不擅长javascript或jquery,你能举个例子解释一下吗?

标签: php jquery mysql twitter-bootstrap bootstrap-modal


【解决方案1】:

在提交时捕获表单,抛出一个确认框。如果他们点击是,则返回 true,如果他们点击否,则返回 false。

$('form').on('submit', function(){
    e.preventDefault();
    if(confirm('Are you sure you wish to delete this user?')){
        return true;
    } else{
        return false;
    }
});

【讨论】:

  • Ohgodwhy,我用你的代码试过了。但是我买不到火柴盒
【解决方案2】:

您可以通过 ajax 提交,或者如果您只需要确认您可以使用类似的东西

<form id="target" action="destination.html">
  <input id="btn" type="button" value="Go"/>
</form>

$(function() {
  $("#btn").click(function(){
    if (confirm("Click OK to continue?")){
      $('form#target').submit();
    } else {
      //return false;
    }
  });
});

【讨论】:

  • amtest,我们可以为此使用引导模式吗?
  • 是的,如果它是真的,那么你调用引导模式,比如 $('#dialog').modal('show'); ,如果您了解有关该模式的更多信息,请阅读此getbootstrap.com/2.3.2/javascript.html#modals
猜你喜欢
  • 2018-07-15
  • 2021-06-16
  • 2020-12-06
  • 1970-01-01
  • 1970-01-01
  • 2019-09-30
  • 1970-01-01
  • 2017-11-27
相关资源
最近更新 更多