标签: forms

在离开具有未保存更改的网页之前警告用户

我的应用程序中有一些表单.

如何以这样的方式保护表单:如果有人导航或关闭浏览器选项卡,应提示他们确认他们确实要保留未保存数据的表单?

javascript forms

314
推荐指数
8
解决办法
23万
查看次数

禁用的表单输入不会出现在请求中

我在表单中有一些禁用的输入,我想将它们发送到服务器,但Chrome会从请求中排除它们.

没有添加隐藏字段,有没有解决方法?

<form action="/Media/Add">
    <input type="hidden" name="Id" value="123" />

    <!-- this does not appear in request -->
    <input type="textbox" name="Percentage" value="100" disabled="disabled" /> 

</form>
Run Code Online (Sandbox Code Playgroud)

html browser forms http

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

在没有提交按钮的情况下按Enter键提交表单

好吧,我想通过按Enter键但不显示提交按钮来提交表单.如果可能的话,我不想进入JavaScript,因为我希望所有浏览器都可以工作(我知道的唯一JS方式是事件).

现在表单看起来像这样:

<form name="loginBox" target="#here" method="post">
    <input name="username" type="text" /><br />
    <input name="password" type="password" />
    <input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" />
</form>
Run Code Online (Sandbox Code Playgroud)

哪个效果很好.当用户按下Enter键时,提交按钮会起作用,并且该按钮不会显示在Firefox,IE,Safari,Opera和Chrome中.但是,我仍然不喜欢这个解决方案,因为很难知道它是否适用于所有浏览器的所有平台.

有谁能建议更好的方法?或者这是否与它一样好?

html forms submit

309
推荐指数
15
解决办法
45万
查看次数

在JavaScript中输入按键事件

我有form两个文本框,一个选择下拉菜单和一个单选按钮.当enter按下键时,我想调用一个javascript函数(用户定义),但是当我按下它时,表单就会被提交.

如何formenter按下键时阻止提交?

javascript forms enter keypress dom-events

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

HTML5表单必需属性.设置自定义验证消息?

我有以下HTML5表单:http://jsfiddle.net/nfgfP/

<form id="form" onsubmit="return(login())">
<input name="username" placeholder="Username" required />
<input name="pass"  type="password" placeholder="Password" required/>
<br/>Remember me: <input type="checkbox" name="remember" value="true" /><br/>
<input type="submit" name="submit" value="Log In"/>
Run Code Online (Sandbox Code Playgroud)

目前当我在空白时点击输入时,会出现一个弹出框,上面写着"请填写此字段".如何将该默认消息更改为"此字段不能留空"?

编辑:另请注意,类型密码字段的错误消息很简单*****.要重新创建此项,请为用户名提供值并点击提交.

编辑:我正在使用Chrome 10进行测试.请这样做

html javascript forms validation html5

291
推荐指数
12
解决办法
47万
查看次数

POST未经检查的HTML复选框

我有一大堆默认选中的复选框.我的用户可能会取消选中一些(如果有的话)复选框,然后选中其余部分.

有没有什么办法,使表单POST所复选框检查,而不是的那些选中?

html forms checkbox post

283
推荐指数
17
解决办法
36万
查看次数

正则表达式匹配两个单词之一

我有一个输入只能有2个值applebanana.我可以使用什么正则表达式来确保提交两个单词中的任何一个?

regex forms validation

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

对HTML表单的action属性使用空URL是一种好习惯吗?(动作= "")

我想知道是否有人可以给出使用空白HTML表单操作回发到当前页面的"最佳实践"响应.

一篇帖子询问这里有一个空白的HTML表单动作,有些像这样的页面表明它很好,但我想知道人们的想法.

html forms string web-standards

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

为什么textarea充满了神秘的白色空间?

我有一个简单的文本区域,形式如下:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink">
    <?php if($siteLink_val) echo $siteLink_val; ?> 
</textarea>
Run Code Online (Sandbox Code Playgroud)

我在这个textarea中不断获得额外的空白区域.当我插入它时,我的光标就像在textarea的中间而不是在开头?解释是什么?

html php forms textarea

265
推荐指数
11
解决办法
14万
查看次数

HTML表单中的多个提交按钮

假设您在HTML表单中创建向导.一个按钮返回,一个按钮前进.由于当您按Enter键时,后退按钮首先出现在标记中,因此它将使用该按钮提交表单.

例:

<form>
  <!-- Put your cursor in this field and press Enter -->
  <input type="text" name="field1" />

  <!-- This is the button that will submit -->
  <input type="submit" name="prev" value="Previous Page" />

  <!-- But this is the button that I WANT to submit -->
  <input type="submit" name="next" value="Next Page" />
</form>
Run Code Online (Sandbox Code Playgroud)

我想做的是,当用户按Enter键时,决定使用哪个按钮来提交表单.这样,当您按Enter键时,向导将移至下一页,而不是之前的页面.你必须用tabindex这个吗?

html forms form-submit submit-button

252
推荐指数
19
解决办法
21万
查看次数