标签: form-submit

我正在尝试设置一个带有2个按钮的表单 - "DELETE"在页面delete.php上运行,"EDIT"在edit.php上运行.

所以我需要一个不同的动作,取决于他们点击了哪个按钮......

这是我的代码.

$con = mysql_connect("localhost","user","password");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("test", $con);

$result = mysql_query("SELECT * FROM myTable");

// Need to change the action depending on what button is clicked
echo "<form name='wer' id='wer' action='delete.php' method='post' >";
echo "<table border='1'>";

while($row = mysql_fetch_array($result))
  {
    echo "<tr>";
    echo "<td>" . $row['id'] . "</td>";
    echo "<td>" . $row['page_title'] . "</td>";
    echo "<td><input type='radio' name='test1' value='" . $row['id'] . "' /></td>";
    echo "</tr>";
  }

echo …

假设我有一个简单的表单,没有必填字段:

<form action="index.jsp" method="post">
    <input type="text" name="firstName" />
    <input type="text" name="lastName" />
    <input type="text" name="email" />

    <input type="submit" value="submit" />
</form>

我想通过检查submit参数来检查表单是否已提交(因为它始终存在).在PHP我可以做一个简单的

if ( $_POST['submit'] )

但request.getParameter("submit")似乎没有用.

那么检查表单是否提交的最佳方法是什么？

我有codemirror的这个问题,这是非常棘手的,我不知道如何解决它.

如果没有提交事件,来自codemirror的数据就不会被序列化- 这是我到目前为止所发现的 - 如下所示,

$(':submit').submit_form();

(function($){
    $.fn.extend({ 
        submit_form: function(options) {

            var defaults = {
            }

            var options =  $.extend(defaults, options);
            var o = options;

            var $cm = this.click(function(e){

                var form = $(this).closest('form');
                alert(form.serialize()); // the textarea field with codemirror returns empty

                $.post(form.attr('action'),form.serialize(),function(xml)
                {
                   ...
                   ...
                }
            });



        }
    });
})(jQuery);

HTML,

<textarea name="code_1" id="code_1" title="EMBED CODE" class="editor-codemirror" cols="" rows=""></textarea>

我必须改变这一行

var $cm = this.click(function(e){

至

var $cm = this.submit(function(e){

然后可以序列化codemirror中的数据.

但我必须首先将插件附加到单击按钮,然后找到其最接近的表单并 …

我正在建立一个移动网站,在这里有一个表格,但没有提交按钮.因此,当用户在输入字段中键入内容并单击Android或iPhone GO按钮时,它应该提交表单.我正在使用HTML和jQuery.

如何在jQuery中捕获此GO事件？我希望它以自己的方式完成.

我正在使用jQuery滑块作为表单中的价格范围选择器.我希望在其中一个值发生更改时自动提交表单.我使用了几个我在SO上找到的例子,但它们不适用于我的代码.

<form action="itemlist.php" method="post" enctype="application/x-www-form-urlencoded" name="priceform" id="priceform" target="_self">    
  <div id="slider-holder">
    Prices: From <span id="pricefromlabel">100 &#8364;</span> 
              To <span id="pricetolabel">500 &#8364;</span>
    <input type="hidden" id="pricefrom" name="pricefrom" value="100" />
    <input type="hidden" id="priceto" name="priceto" value="500" />
    <div id="slider-range"></div>
    <input name="Search" type="submit" value="Search" />
  </div>
</form>

这是显示滑块值的代码,并更新我用于存储价格的2个隐藏表单字段以便提交:

<script>

    $(function() {
            $("#slider-range" ).slider({
                range: true,
                min: 0,
                max: 1000,
                values: [ <?=$minprice?>, <?=$maxprice?> ],
            start: function (event, ui) {
                    event.stopPropagation();
                },
                slide: function( event, ui ) {
            $( "#pricefrom" ).val(ui.values[0]);
            $( "#priceto" ).val(ui.values[1]);
            $( "#pricefromlabel" ).html(ui.values[0] + …

我有一个带有inputText和commandButton的简单Form.

<h:form>
    <h:inputText id="xyz" value="#{viewImpl.field}" onfocus="clearText(this)" onblur="setDefaultText(this)" />
    <h:commandButton action="#{viewImpl.method}"/>
</h:form>

如果我按下commandButton,表单就会正确提交.但是,如果我按Enter键,仍然在inputText-Field页面重新加载,但该方法未被调用(服务器处于调试模式,激活断点).

重要提示:这只发生在IE 8中.它在Firefox中运行得非常好.关于如何解决这个问题的任何线索？

非常感谢!

我可以Post在JavaScript中使用以下内容提交表单作为类型：

$("#receiptsForm").submit();

但是我也想发送一个参数myparam以及我将在spring控制器中使用的请求httpServletRequest.getParameter("myparam")：

var myparam = "abc";
$("#receiptsForm").submit();

我能做的最好的是什么？

我有一个提交值的表单.当用户尝试提交表单时,我想显示一个警报确认框.单击时OK,应保存该值,但如果Cancel单击该表单,则应显示该表单但不保存数据.

@using (Html.BeginForm())
{
 @Html.TextBoxFor(model => model.MobileNo)
<input type="submit" name="name" value="Save" />
}   

我有一个CasperJS的测试步骤,它执行以下操作:

this.fillSelectors("#registration-form", {
    "#first-name": "Bob",
    "#last-name": "Smith",
    "#email-address": RANDOM_EMAIL,
    "#password": PASSWORD,
    "#password-confirm": PASSWORD
}, true);

我希望能够发送HTTP标头.如果没有"手动"发布表单,我似乎无法找到这样做的方法,这不是我想要的那种测试.

我在测试表单上使用脏表单/你确定js,确认用户是否确实想要离开未保存更改的页面.

这按预期工作,但我也使用"请等待"图像,显示用户何时调用服务器.

如何只触发"请稍候"的形象,只有当用户点击"离开此页"按钮上的ARE-你,肯定消息弹出框？

目前,当用户点击取消按钮时,我已触发请等待图像,b/c我无法想到还有什么地方可以触发它.

这是我的<head>代码:

<div id="loading-div-background">
    <div id="loading-div" >
        <img  src="{{ STATIC_URL }}img/page-loader.gif" />
    </div>
</div>

这是我的模板代码:

<a href="{% url certification_details %}" class="btn" onclick="showProgressAnimation();">Cancel</a>

这是我的js代码:

<script>
    $('form').areYouSure( {'message':'You have unsaved changes.'} );
</script>

编辑 - 根据要求添加了隐藏图像css.

这是第一次加载页面时隐藏了请等待图标的CSS:

#loading-div-background {
    background-color: rgba(246,246,246,0.7);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}