相关疑难解决方法(0)

通过按Enter键阻止用户提交表单

我在一个网站上进行了一项调查,用户点击输入(我不知道为什么)并在不点击提交按钮的情况下意外提交调查(表格)似乎存在一些问题.有办法防止这种情况吗?

我在调查中使用HTML,PHP 5.2.9和jQuery.

html forms jquery form-submit

732
推荐指数
22
解决办法
54万
查看次数

如何在AngularJS中使用按键事件?

我想在下面的文本框中捕获回车键按下事件.为了更清楚,我使用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)

angularjs angular-ui angularjs-directive

404
推荐指数
7
解决办法
45万
查看次数

Jquery:按Enter键如何触发click事件

我需要在按下回车键时执行按钮点击事件.

因为目前事件没有解雇.

如果可能的话,请帮我解释一下语法.

$(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)

jquery key-events

149
推荐指数
6
解决办法
32万
查看次数

JavaScript - 测试整数

我有一个文本字段,允许用户输入他们的年龄.我正在尝试使用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.如何确保用户只输入整数?

谢谢

javascript

77
推荐指数
4
解决办法
9万
查看次数

谷歌地图Places API V3自动完成 - 在输入时选择第一个选项

根据http://code.google.com/intl/sk-SK/apis/maps/documentation/javascript/places.html#places_autocomplete,我已成功在输入框中实施了Google Maps Places V3自动填充功能.它工作得很好,但我很想知道如何在用户按下回车时从建议中选择第一个选项.我想我需要一些JS魔法,但我对JS很新,不知道从哪里开始.

提前致谢!

javascript google-maps autocomplete google-maps-api-3

68
推荐指数
6
解决办法
11万
查看次数

在 react-testing-library 中按 Enter 提交表单不起作用

描述:

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).

Code:

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)

forms events reactjs jestjs react-testing-library

12
推荐指数
2
解决办法
8226
查看次数

e.keyCode和e.which有什么区别?

当我尝试输入密钥时,我正在使用jQuerye.keyCode

    if (e.keyCode === 13) {
// my code
    }
Run Code Online (Sandbox Code Playgroud)

然后它适用于ie7和所有主流浏览器,但不适用于ie10.

但是当我使用e.which它时,它运行在所有主流浏览器中.

e.keyCode和之间有什么区别e.which

javascript jquery

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

是否有一种AngularJS方法可以在控制器中按下键调用例程?

我期待有人会建议我使用jQuery(我已经加载了),但只是为了确定在我研究如何实现之前可以有人告诉我,如果有另一种方法可以让你敲击一个键(右箭头键)在我的控制器中调用javascript函数.

angularjs

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

ReactJS - 有没有办法通过按<input />中的'Enter'键来触发方法?

仅使用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)

html javascript css reactjs react-jsx

9
推荐指数
2
解决办法
1万
查看次数

为什么jQuery的event.which在Firefox和Chrome中给出了不同的结果?

看看这个现场演示(来自jQuery的网站).

点击-(DASH)在Firefox说event.which173,一边做同样的在Chrome中产生189.

这个jQuery页面event.which应该针对跨浏览器的一致性进行规范化.但是,看起来这不是真的.

为什么这种不一致?

jquery keycode which

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

触发按钮,单击文本框中的Enter键,忽略其值

我有

HTML:

<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)

JavaScript的

$(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)

当我按下回车键时输入值是什么,但是如果我点击按钮它与相同的输入值完美地工作

也许使输入 全局化?

javascript jquery

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

为什么单独转义的keyCode事件不起作用?

$(document).keypress(function(e)
{
  alert(e.keyCode);
  if(e.keyCode==27)
  {
    hide_menu();
  }
});
Run Code Online (Sandbox Code Playgroud)

我得到除了转义键之外的所有键的警报,并且if永远不会调用成功部分.为什么会这样?

jquery keycode keypress

1
推荐指数
1
解决办法
2516
查看次数

在ap:inputText中按下Enter时如何调用方法

我有一个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调用获取事件代码?

jsf primefaces

0
推荐指数
1
解决办法
3888
查看次数