无法在引导模式

时间:2016-09-27 17:18:32

标签: javascript php jquery html bootstrap-modal



$('.editimg').on('click',function(){
    $("#myModel").modal("show");
    var regionid = $(this).data('id');
    $(".modal-body #id").val( regionid );
    $("#region_id").val($(this).closest('tr').children()[1].textContent);
    $("#region_name").val($(this).closest('tr').children()[2].textContent);
    $("#description1").val($(this).closest('tr').children()[3].textContent);
    $("#description2").val($(this).closest('tr').children()[4].textContent); 
});

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="editimg" href="#" id="<?php echo $reg_id;?>"><img src="../dmo_images/action_ico/sys_icon_edit.png" width="20" height="20" alt="Edit"></a>
<div class="modal-body" >
  <form id="btnupdate" action="#" enctype="multipart/form-data" method="post" class="form-horizontal" role="form" >
    <table class="table" width="200" border="0" cellpadding="0" cellspacing="0">
      <tr class="FormData" rowpos="1">
        <td class="CaptionTD">Name of Region</td>
        <td><input type="text" id="region_name" class="FormElement ui-widget-content" role="textbox" name="region_name" required=""></input></td>
      </tr>
      <tr class="FormData" rowpos="2">
        <td class="CaptionTD">Description 1</td>
        <td><input type="text" id="description1" class="FormElement ui-widget-content" role="textbox" name="description1" required="" ></input></td>
      </tr>
      <tr class="FormData" rowpos="3">
        <td class="CaptionTD">Description 2</td>
        <td><input type="text" id="description2" class="FormElement ui-widget-content" role="textbox" name="description2" required="" ></input></td>
      </tr>
    <tr class="FormData" rowpos="4"></tr>
  </table>
</form>
</div>
<div class="modal-footer">
<button type="submit" id="send" class="btn btn-danger" name="btnupdate" onClick="return validate_region()">Update</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>
</div>
&#13;
&#13;
&#13;

if(isset($_POST["btnupdate"]))
{
    $id=$_REQUEST["region_id"];
    $name=$_REQUEST["region_name"];
    $desc1=$_REQUEST["description1"];
    $desc2=$_REQUEST["description2"];

    $query1="Update tbl_region set region_name='$name', description1='$desc1', description2= '$desc2', created_date='$date' where region_id=$id";
}

// validation.js

function validate_region()
{   if(get("region_name").value=="")    {
        return false;       }
    else if(get("description1").value== "") {       
        return false;   }
    else if(get("description2").value== "") {       
        return false;   }
    else    {       
        return true;    }
}

我有一个表,每行有两个图像按钮,如下所示。
my table
单击这些图标时,我会在行中显示带有数据的引导模式。 my modal 我已经完成了验证,但是当我点击&#34;更新&#34;按钮,没有显示验证,按钮根本不起作用。

我是初学者,所以我不知道我在哪里错了或留下代码。我一直在网上浏览解决方案,但我仍然无法获得解决方案。
需要更新的值才能存储在数据库中。
P.S 点击删除模式下的删除按钮时,还需要从数据库中删除,这也不行。

非常感谢您的帮助。谢谢!

1 个答案:

答案 0 :(得分:1)

尝试以下工作代码

&#13;
&#13;
//build.grdle code...
apply plugin: 'application'
mainClassName = 'com.company.project.MainClass'
jar { manifest { attributes('Main-Class' : mainClassName) } }
&#13;
$('.editimg').on('click',function(){
      $("#myModel").modal("show");
      var regionid = $(this).data('id');
      $(".modal-body #id").val( regionid );
      $("#region_id").val($(this).closest('tr').children()[1].textContent);
      $("#region_name").val($(this).closest('tr').children()[2].textContent);
      $("#description1").val($(this).closest('tr').children()[3].textContent);
      $("#description2").val($(this).closest('tr').children()[4].textContent); 
  });

  function validate_region()
  {         
      if($("#region_name").val() == ""){
          return false;       }
      else if($("#description1").val() == "") {       
          return false;   }
      else if($("#description2").val() == "") {       
          return false;   }
      else   
      {       
          // HERE U SHOULD WRITE CODE TO WRITE IT TO DATABASE          
          $("#myModel").modal("hide");
          return true;    
      }
  } 
&#13;
&#13;
&#13;