从网址隐藏提交类型输入值

时间:2014-03-27 20:50:42

标签: javascript php html forms

我有一个带有GET方法的表单,其中包含一些输入:

<input type="text" name="something">
<input type="submit" name="submit" value="Click here to submit form">

我不想让网址成为

mypage.php?something=value&submit=Click+here+to+submit+form 

我想抑制url中的submit参数(应该是这样的:mypage.php?something = value)。

我只需要GET方法,请不要提及POST方法。 您也可以提及删除name="submit",但我也需要它来识别此提交。

此外,如果有一个输入为空,我不想显示

<input type="text" name="input1">
<input type="text" name="input2">
<input type="submit" name="submit" value="Click here to submit form">

input1获得价值,但如果input2没有价值,我想要网址像 mypage.php?INPUT1 =值

由于

2 个答案:

答案 0 :(得分:6)

如果您不希望submit请求显示在GET请求网址中,请不要为其命名,而是使用idclass唯一标识它:

<input type="submit" id="submit" value="Click here to submit form">

答案 1 :(得分:1)

我会删除表单提交并将其转换为按钮。然后我会使用jquery提交表单并进行任何逻辑处理。

<input type="test" id="favoriteCheese" value="nacho" />
<button id="submit" value="Click here to submit form">Click here to submit form</button>

$("#submit").on('click', function () {
    var data = {};
    var favCheese = $("#favCheese").val();
    if(favCheese.length > 0) {
        data.favCheese = favCheese
    }
    $.ajax({
        url : ".../mypage.php",
        data : data,
        type : 'GET',
        ...
    })
})