如何在提交时更改表单数据?

时间:2014-05-09 18:46:37

标签: javascript jquery

我正在尝试在提交表单时更改输入到搜索文本框中的文本的大小写。在提交转换后的文字方面,我遇到了问题。使用下面的代码,如何使用转换后的文本提交表单?我希望文本框中文本的外观不会改变。

search.submit(function (e) {
    e.preventDefault();

    convert = searchBox.val();
    converted = convert.toTitleCase();

    this.submit();
});

3 个答案:

答案 0 :(得分:3)

尝试,

search.submit(function (e) {
  searchBox.val(searchBox.val().toTitleCase());
});

答案 1 :(得分:2)

您正在转换文本,但在提交之前不会将其保存回输入。

尝试这样的事情:

search.submit(function (e) {
    e.preventDefault();

    convert = searchBox.val();
    converted = convert.toTitleCase();
    $('#inputID').val(converted);

    this.submit();
});

我认为您不需要preventDefault然后submit ..只需返回true。

编辑:根据上述答案评论中的问题,试试这个:

原: <input type=text name="myinput" id="myinput">

新:

HTML

<input type=text id="myinput">

<input type=hidden name="myinput" id="myinputHidden">

的JScript

search.submit(function (e) {
    $('#myinputHidden').val($('#myinput').val().toTitleCase());
});

name属性是表单用来创建POST / GET参数的属性...如果name属性不存在,表单不会发送值

答案 2 :(得分:1)

convert = searchBox.val();
converted = convert.toTitleCase();
searchBox.val(converted);