X-Editable _POST方法

时间:2015-04-06 14:56:57

标签: javascript php jquery html twitter-bootstrap-3

我正在使用X-Editable,我想使用_post方法将一个简单的值传递给其他页面,我收到此错误:

注意:未定义的索引:first_name in ...

这是我的代码:

这是一个简单的html页面,其中包含以下代码:

<form method="post" action="update.php">
    <a href="#" id="first_name" data-type="text" data-url="/post" data-title="Edit First Name" class="editable editable-click">BILL GATES</a>
</form>

这是我的javascript代码:

$(document).ready(function() {

//toggle `popup` / `inline` mode
$.fn.editable.defaults.mode = 'popup';     

//--------------------------------------------------------------------------------------------
//First Name
$('#first_name').editable({         
    validate: function(value) {
   //Not Empty  
       if($.trim(value) == '') return 'The First Name is required';

       //More than 3 and less than 20
       if($.trim(value.length) <4) return 'The First Name must be more than 3 and less than 20 characters';
       //Less than 20
       if($.trim(value.length) >20) return 'The First Name must be more than 3 and less than 20 characters';           
    }
});

在这里我想捕获php代码中的值:

$first_name = $_POST['first_name'];
echo $first_name."<br>";

我收到了这个:

  

注意:未定义的索引:first_name in ...

请提出任何建议或建议?

...问候

1 个答案:

答案 0 :(得分:0)

默认情况下,在X-editable中,您可以传递3个值(id,name,value)

你可以像这样添加

<a href="#" id="first_name" data-type="text" data-url="/post" data-title="Edit First Name" class="editable editable-click" data-name="some_name_here" data-pk="exiting_table_pk">BILL GATES</a>

$('#first_name').editable({
  pk: 1,
  url: '/post',
  name: 'some_name_here',
  title: 'Enter First Name'
});

参考:http://vitalets.github.io/x-editable/docs.html