我在一个网站上进行了一项调查,用户点击输入(我不知道为什么)并在不点击提交按钮的情况下意外提交调查(表格)似乎存在一些问题.有办法防止这种情况吗?
我在调查中使用HTML,PHP 5.2.9和jQuery.
我想在下面的文本框中捕获回车键按下事件.为了更清楚,我使用a ng-repeat来填充tbody.这是HTML:
<td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield"
data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td>
Run Code Online (Sandbox Code Playgroud)
这是我的模块:
angular.module('components', ['ngResource']);
Run Code Online (Sandbox Code Playgroud)
我正在使用资源填充表,我的控制器代码是:
function Ajaxy($scope, $resource) {
//controller which has resource to populate the table
}
Run Code Online (Sandbox Code Playgroud) 我需要在按下回车键时执行按钮点击事件.
因为目前事件没有解雇.
如果可能的话,请帮我解释一下语法.
$(document).on("click", "input[name='butAssignProd']", function () {
//all the action
});
Run Code Online (Sandbox Code Playgroud)
这是我尝试在输入时触发click事件.
$("#txtSearchProdAssign").keydown(function (e) {
if (e.keyCode == 13) {
$('input[name = butAssignProd]').click();
}
});
Run Code Online (Sandbox Code Playgroud) 我有一个文本字段,允许用户输入他们的年龄.我正在尝试使用JavaScript在此字段上进行一些客户端验证.我已经有了服务器端验证.但是,我似乎无法验证用户输入的实际整数.我目前正在尝试以下代码:
function IsValidAge(value) {
if (value.length == 0) {
return false;
}
var intValue = parseInt(value);
if (intValue == Number.NaN) {
return false;
}
if (intValue <= 0)
{
return false;
}
return true;
}
Run Code Online (Sandbox Code Playgroud)
奇怪的是,我已将单个字符输入到文本框中,如"b",此方法返回true.如何确保用户只输入整数?
谢谢
根据http://code.google.com/intl/sk-SK/apis/maps/documentation/javascript/places.html#places_autocomplete,我已成功在输入框中实施了Google Maps Places V3自动填充功能.它工作得很好,但我很想知道如何在用户按下回车时从建议中选择第一个选项.我想我需要一些JS魔法,但我对JS很新,不知道从哪里开始.
提前致谢!
I am trying to test that a form submits when the user presses the "Enter" key. I have a passing test for when pressing the Submit button, but I also want to be sure the form submits with the keyboard (convenience and a11y).
test("should submit when pressing enter", () => {
const handleSubmit = jest.fn();
const { getByLabelText } = render(<App handleSubmit={handleSubmit} />);
const input = getByLabelText("Name:");
fireEvent.change(input, { target: { value: "abc" } });
fireEvent.keyPress(input, { key: …Run Code Online (Sandbox Code Playgroud) 当我尝试输入密钥时,我正在使用jQuerye.keyCode
if (e.keyCode === 13) {
// my code
}
Run Code Online (Sandbox Code Playgroud)
然后它适用于ie7和所有主流浏览器,但不适用于ie10.
但是当我使用e.which它时,它运行在所有主流浏览器中.
e.keyCode和之间有什么区别e.which?
我期待有人会建议我使用jQuery(我已经加载了),但只是为了确定在我研究如何实现之前可以有人告诉我,如果有另一种方法可以让你敲击一个键(右箭头键)在我的控制器中调用javascript函数.
仅使用onChange和值并且在内部聚焦时<input/>,最好不使用jQuery,是否有办法通过按"Enter"键来触发方法?因为,只希望用户按"Enter"键以更新name字符串状态.
这是代码:
constructor(props) {
super(props);
this.state = {
name: '',
}
}
textChange(event) {
this.setState({
name: event.target.value,
})
}
//Would like to trigger this once 'Enter' key is pressed while focused inside `<input/>`
enterPressed() {
var name = this.state.name;
}
render() {
return (
<input
placeholder='Enter name'
onChange={this.textChange.bind(this)}
value={this.state.name}
/>
)
}
Run Code Online (Sandbox Code Playgroud) 看看这个现场演示(来自jQuery的网站).
点击-(DASH)在Firefox说event.which是173,一边做同样的在Chrome中产生189.
这个jQuery页面说event.which应该针对跨浏览器的一致性进行规范化.但是,看起来这不是真的.
为什么这种不一致?
我有
<form action="" method="post" id="contactForm">
<input id='inputbox' name="inputbox" type="text" />
<button type="button" id='search'> search </button>
</form>
Run Code Online (Sandbox Code Playgroud)
$(document).ready(function() {
$("#inputbox").keyup(function(event){
if(event.keyCode == 13){
$("#search").click();
}
});
$('#search').click(function(){
var inputbox= $("#inputbox").val();
//stuff
});
});
Run Code Online (Sandbox Code Playgroud)
当我按下回车键时输入框值是什么,但是如果我点击按钮它与相同的输入值完美地工作
也许使输入 框全局化?
$(document).keypress(function(e)
{
alert(e.keyCode);
if(e.keyCode==27)
{
hide_menu();
}
});
Run Code Online (Sandbox Code Playgroud)
我得到除了转义键之外的所有键的警报,并且if永远不会调用成功部分.为什么会这样?
我有一个JSF ajax keydown事件链接到备用bean中的事件侦听器。
JSF文件中的代码如下。
<p:inputText value="#{someBean.value}>
<p:ajax event="keydown" listener="#{someBean.keyDownEvent}" />
</p:inputText>
Run Code Online (Sandbox Code Playgroud)
我想获取“输入”按钮事件代码。当我单击Enter时,我需要在服务器端执行一些特定的事件。如何使用ajax调用获取事件代码?
jquery ×6
javascript ×5
angularjs ×2
forms ×2
html ×2
keycode ×2
reactjs ×2
angular-ui ×1
autocomplete ×1
css ×1
events ×1
form-submit ×1
google-maps ×1
jestjs ×1
jsf ×1
key-events ×1
keypress ×1
primefaces ×1
react-jsx ×1
which ×1