标签: submit

按Enter键时不提交表格

我有以下HTML/JS/jQuery代码.此代码表示一个登录表单,以模态方式呈现给用户以允许他们登录.问题是,当我按Enter键时,表单似乎没有执行"onsubmit"事件.当我单击按钮作为表单的底部(其实际上与onsubmit事件具有相同的代码)时,它完美地工作.我想知道是否有人可以告诉我为什么这个表格没有提交..?任何援助将不胜感激.

显示登录模式的jQuery代码:

showDivAndFocus('loginModal','loginaccount'); 

function showDivAndFocus(v,t){

    if (api)
        if (api.isOpened)
            api.close();

    api = $('#'+v).overlay({
        mask: {color: '#000000'}, 
        top:'0px',
        api: true,
        autoScrollToActive: false,
        autoScrollOffset: 0 
    }).load();

    document.getElementById(t).focus();
}
Run Code Online (Sandbox Code Playgroud)

HTML代码

<div class="modal" id="loginModal">
    <h2>User Login</h2>
    <br />

    <form action="javascript:void(0);" onsubmit="return(doLogin());"  name="loginForm" id="loginForm">
        <table width="95%" cellpadding="4" cellspacing="4">
        <tr>
        <td class="regw" align="left"><b>Account Number:</b></td>
        <td class="regw" align="left"><input type="text" maxlength="10" size="10" name="loginaccount" id="loginaccount" /></td>
        </tr>

        <tr>
        <td class="regw" align="left"><b>Username:</b></td>
        <td class="regw" align="left"><input type="text" maxlength="20" size="20" name="loginusername" id="loginusername" /></td>
        </tr>

        <tr>
        <td class="regw" align="left"><b>Password:</b></td>
        <td class="regw" align="left"><input type="password" …
Run Code Online (Sandbox Code Playgroud)

html javascript forms submit dom-events

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

多个提交按钮php不同的动作

我有一个网站,我希望有两个单独的提交按钮,其中一个将输入数据并进行一些计算,以显示在同一屏幕上.我成功地使用了这个:

<form id="form1" name="form1" method="post" onsubmit="" onreset="" action="programname.php">
<input type="submit" name="calc" value="Find Angle">
Run Code Online (Sandbox Code Playgroud)

然后我用:

if (!isset($_POST['submit'])){
Do actions, display calculations}
Run Code Online (Sandbox Code Playgroud)

现在我想要一个第二个提交按钮,它仍然可以获取他们输入的数据,但是会转到另一个地址.有一种优雅的方式来做到这一点?

php action submit

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

提交后仅禁用提交按钮

我有以下HTML和jquery:

<html dir="ltr" lang="en">
<head>
</head>
<body>

<h2>Test disabling submit button for 1 minute...</h2>

<br/>

<p style="text-align:center"> 
<form id="yourFormId" name="yourFormId" method="post" action="#">
 <input type="submit" class="submitBtn" value="I Accept"/>
</form>
</p>




<!--script to disable the submit button -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">  
</script>
<script type="text/javascript">

$(document).ready(function () {
    $(".submitBtn").click(function () {
        $(".submitBtn").attr("disabled", true);
        return true;
    });
});

</script>
<!--script ends here-->

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

按下时,提交按钮会在按下时被禁用.但是一旦按下它似乎没有执行提交.如果我删除了jquery以禁用该按钮,则该按钮会正常执行提交.

如何在执行提交后才禁用该按钮?上面的当前jquery似乎与提交操作冲突.

任何解决此问题的建议都会非常有帮助.

javascript jquery submit button

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

C#:如何在文本框中按下输入触发按钮,但仍允许"Ctrl + A"等快捷方式通过?

很抱歉很长的标题,但我想不出另一种说法.

我有这个:

    private void textBoxToSubmit_KeyDown(object sender, KeyEventArgs e)
    {
        if (e.KeyCode == Keys.Enter)
        {
            buttonSubmit_Click((object)sender, (EventArgs)e);
        }
    }
Run Code Online (Sandbox Code Playgroud)

...为了在文本框中按下输入,触发"提交"按钮.但是,这也可以防止捷径通过.(不太确定它与它有什么关系,也许只有多键组合?)

ShortcutsEnabled设置为true.

提前致谢!

c# textbox enter submit keydown

27
推荐指数
3
解决办法
11万
查看次数

你如何在HTML5中提交提交按钮?

鉴于W3C的提交按钮的HTML5规范:

按钮元素必须同时包含开始标记和结束标记.

什么是带有开始和结束标记的提交按钮的示例?

  1. <button type="submit">
  2. <button type="submit" />
  3. <button type="submit" ></button>
  4. 2和3
  5. 以上都不是

其他"单身"标签的答案是否相同,<input>或者<img>

markup html5 element input submit

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

当SELECT重点提交表单时为什么不进入?

请考虑以下HTML:

<form action="">
    <input />
    <select>
        <option>A</option>
        <option>B</option>
    </select>
    <input type="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)

如果焦点在input(文本框)上并且我按Enter键,则表单提交.

但是,如果焦点在select(下拉框)并且我按下回车,则没有任何反应.

我知道我可以找出一些JavaScript来覆盖它,但我想知道为什么命中输入不仅仅起作用?

有没有什么东西我会通过使用JavaScript捕获输入(可能是下拉列表的本机键盘可访问性)?

html forms submit form-submit

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

表单提交时,jquery禁用提交按钮

无论出于何种原因,尽管此代码确实刷新了页面,但没有字段被发布...

$('form').submit(function(){
    $('input[type=submit]', this).attr('disabled', 'disabled');
});
Run Code Online (Sandbox Code Playgroud)

有没有更好的编码方式?

forms jquery submit

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

输入提交按钮中的字体真棒图标和文字?

我有一个类似的问题,像在这里,我想字体真棒图标放到我的提交按钮,也是一个文本,它看起来如此:http://prntscr.com/608exx

我输入提交值的内容现在购买 &nbsp;&#xf07a;

图标是可见的,因为我在输入字段上设置font-family: FontAwesome;我的问题是,如何在按钮标准字体系列中设置我的文本?

html fonts submit

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

为什么我不能改变要提交的输入元素的类型?

我正在调用这个函数:

function submit_button(button_id){
    $('#' + button_id).attr('type', 'submit');
}
Run Code Online (Sandbox Code Playgroud)

使这个按钮类型=提交而不是按钮:

<input  name="confirm_button" id="confirm_button" type="button" value="Confirm" class="login_btn" />
Run Code Online (Sandbox Code Playgroud)

我得到这个错误(在Firefox中):

未捕获的异常:类型属性无法更改

有没有工作?

jquery types input submit

23
推荐指数
3
解决办法
2万
查看次数

HTML输入按钮css-height在Safari和Chrome上无效

我有一个非常基本的问题.我为我的html表单提交按钮设置高度为50px.它适用于Firefox,但不适用于Chrome或Safari.代码简单如下:

<input type="submit" value="Send" style="height:50px;" />
Run Code Online (Sandbox Code Playgroud)

知道如何让它在Chrome和Safari上运行吗?

html height input submit button

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

标签 统计

submit ×10

html ×4

forms ×3

input ×3

jquery ×3

button ×2

javascript ×2

action ×1

c# ×1

dom-events ×1

element ×1

enter ×1

fonts ×1

form-submit ×1

height ×1

html5 ×1

keydown ×1

markup ×1

php ×1

textbox ×1

types ×1