标签: forms

我如何使用jQuery的form.serialize但排除空字段

我有一个搜索表单,其中包含许多通过GET提交的文本输入和下拉菜单.我想通过在执行搜索时从查询字符串中删除空字段来获得更清晰的搜索URL.

var form = $("form");  
var serializedFormStr = form.serialize();  
// I'd like to remove inputs where value is '' or '.' here
window.location.href = '/search?' + serializedFormStr
Run Code Online (Sandbox Code Playgroud)

知道如何使用jQuery做到这一点?

javascript forms jquery serialization input

104
推荐指数
4
解决办法
8万
查看次数

防止重新提交表单

第一页包含HTML表单.第二页 - 处理提交数据的代码.

第一页中的表单已提交.浏览器被重定向到第二页.第二页处理提交的数据.

此时,如果第2页被刷新,则会弹出"确认表单重新提交"警告.

这可以预防吗?

forms http

104
推荐指数
6
解决办法
13万
查看次数

禁用在`<input type = number>`上滚动

是否可以禁用滚轮更改输入数字字段中的数字?我已经搞乱了特定于webkit的CSS来删除微调器,但我想完全摆脱这种行为.我喜欢使用,type=number因为它在iOS上带来了一个漂亮的键盘.

html javascript css forms html5

103
推荐指数
12
解决办法
8万
查看次数

输入按键时避免模态解除

我已经设置了一个带有表单的bootstrap模式,我只是注意到当我按下Enter键时,模态被解除了.按Enter键有没有办法不解雇它?

我尝试用键盘激活模态:false,但这只能阻止使用ESC键解雇.

forms modal-dialog twitter-bootstrap

103
推荐指数
5
解决办法
5万
查看次数

如何防止机器人自动填写表格?

我正在尝试提出一个足够好的反垃圾邮件机制来防止自动生成的输入.我读过像captcha,1 + 1 =等技术?东西工作得很好,但他们也提出了一个额外的步骤阻碍了应用程序的免费快速使用(我不是在寻找类似的东西).

我已经尝试在我的所有表单中设置一些隐藏字段,display: none; 但是,我确定可以将脚本配置为跟踪表单字段ID并且根本不填充它.

您是否实施/了解了一种良好的防自动填充机器人方法?有没有什么可以与HTML和/或服务器端处理无缝地完成,并且(几乎)防弹?(没有JS就可以简单地禁用它).

我试图不依赖会话(即计算点击按钮的次数以防止过载).

forms spam

102
推荐指数
10
解决办法
10万
查看次数

如何获取输入的表单父级?

当我只有对该INPUT的引用时,我需要获得对INPUT的FORM父级的引用.这可以用JavaScript吗?如果你愿意,可以使用jQuery.

function doSomething(element) {
    //element is input object
    //how to get reference to form?
}
Run Code Online (Sandbox Code Playgroud)

这不起作用:

var form = $(element).parents('form:first');

alert($(form).attr("name"));
Run Code Online (Sandbox Code Playgroud)

javascript forms jquery input

100
推荐指数
2
解决办法
13万
查看次数

如何在提交按钮onclick事件中取消表单提交?

我正在开发一个ASP.net Web应用程序.

我有一个带有提交按钮的表单.提交按钮的代码如下所示<input type='submit' value='submit request' onclick='btnClick();'>.

我想写下面的内容:

function btnClick() {
    if (!validData())
        cancelFormSubmission();
}
Run Code Online (Sandbox Code Playgroud)

我该怎么做呢?

html javascript forms html-input

99
推荐指数
6
解决办法
26万
查看次数

如何获得jquery .val()AFTER按键事件?

我有:

$(someTextInputField).keypress(function() {
  alert($(this).val());
});
Run Code Online (Sandbox Code Playgroud)

现在警报总是在按键前返回值(例如,字段为空,我输入'a',警报给我''.然后我输入'b',警报给我'a'......).但是我想要按键后的价值 - 我怎么能这样做?

背景:我想在文本字段包含至少一个字符时立即启用按钮.所以我在每个按键事件上运行此测试,但使用返回的val()结果总是落后一步.使用change()事件对我来说不是一个选项,因为在您离开文本框之前按钮被禁用.如果有更好的方法,我很高兴听到它!

javascript forms jquery events javascript-events

97
推荐指数
5
解决办法
8万
查看次数

是否有经过适当测试的Select2或Chosen替代品?

我正在寻找Select2的替代品,它基本上提供相同的功能,但包括适当的测试.

寻求圣杯?最后一只独角兽?

javascript forms testing jquery jquery-select2

97
推荐指数
1
解决办法
6万
查看次数

如何在提交前向表单添加其他字段?

有没有办法使用javascript和JQuery添加一些使用POST从HTTP表单发送的其他字段?

我的意思是:

<form action="somewhere" method="POST" id="form">
  <input type="submit" name="submit" value="Send" />
</form>

<script type="text/javascript">
  $("#form").submit( function(eventObj) {
    // I want to add a field "field" with value "value" here
    // to the POST data

    return true;
  });
</script>
Run Code Online (Sandbox Code Playgroud)

html forms jquery post field

95
推荐指数
6
解决办法
17万
查看次数