javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

html-针对iframe的Firefox表单正在打开新标签

<form method="post" target="take_the_reload">

    ...

</form>


<iframe class="hide_me" name="take_the_reload"></iframe>

我的问题如下:

我有一个需要阻止的表单在提交时刷新它所在的页面。 为解决此问题,我一直在使用一个空的iframe作为表单的iframe。 该功能完全可以在Chrome(v12.0.742)中按预期方式工作,但在Firefox(v6.0)中无法正常工作。

在Firefox中发生的事情是,在提交表单后,iframe在新选项卡中打开,这显然不是我想要的。

我发现了一些相关的帖子,但是都没有解决我的特殊情况,因此他们的解决方案不起作用。

不幸的是,这项工作是在专用网络中的专有系统上进行的,因此我不能仅仅提供一个链接。

我还尝试过使用iframe(而不是iframe)作为相关主题的答案,因为不赞成以这种方式使用iframes。 但是结果是相同的。

同样,iframe并不是在JavaScript中动态添加的,而是被硬编码到页面中。 最后,就像我之前说的那样,这在Chrome浏览器中可以完美运行,但在Firefox中根本无法运行。 IE不是问题,因此欢迎任何非IE友好的解决方案!

trans by 2020-08-12T02:29:55Z

twitter bootstrap 3-具有字段集的多列表单

抱歉,标题模糊,我不确定如何更好地描述它。我目前正在将网站升级到Bootstrap 3,并且在一个表单行中有多个输入存在一些问题。

在引导程序2中,我将简单地创建两个.row,并在其中包含.form-group元素以创建必要的列。但是,由于这些在引导程序3中已删除,因此我将它们替换为.col-sm-12和新的列类。

如果我在表单中有两行(在这种情况下为resp。fieldset),则如果第二行是一个单行,则第一行变得不可编辑(请参见下面的代码和屏幕截图)。

我检查了带有萤火虫的元素,发现第二个字段集中的.row位于.form-group上方,并且不允许用户单击其中的元素。在第一个字段集中,首先是.col-sm-12,一切正常。

我还尝试将.row放置在每个.form-group周围,这可以解决此问题,但是增加了表单线的宽度,因此它在字段集中不再有左边界。

有没有一种方法可以解决此问题而不增加行宽度?

提前致谢!

编辑:我将生成的代码添加为jsFiddle

%fieldset
  %legend= t('.login_information')
  .form-group
    .col-sm-12
      = f.label :login
      = f.text_field :login, :class => 'form-control', :required => true

  .form-group
    .col-sm-6
      = f.label :password
      = f.password_field :password, :class => 'form-control'
    .col-sm-6
      = f.label :password_confirmation
      = f.password_field :password_confirmation, :class => 'form-control'

%fieldset
  %legend= t('.personal_details')
  .form-group
    .col-sm-4
      = f.label :title
      = f.text_field :title, :class => 'form-control'
    .col-sm-4
      = f.label :firstname
      = f.text_field :firstname, :class => 'form-control', :required => true
    .col-sm-4
      = f.label :lastname
      = f.text_field :lastname,  :class => 'form-control', :required => true

  .form-group
    .col-sm-12
      = f.label :email
      = f.text_field :email, :class => 'form-control email', :required => true

Non-editable form elements

trans by 2020-08-12T01:52:12Z

html-如何在<input>元素内创建标签?

我想在输入元素中插入一个描述性文本,当用户单击它时该输入文本会消失。

我知道这是一个很常见的把戏,但我不知道该怎么做。

什么是最简单/更好的解决方案?

trans by 2020-08-11T08:07:42Z

表单-jQuery切换事件使复选框值混乱

当用户单击复选框时,我正在使用Jquery的toggle事件执行一些操作,例如:

$('input#myId').toggle(
function(){
//do stuff  
},
function(){
//do other stuff    
}
);

问题是当我单击复选框时,该复选框没有被打勾。 (我在切换事件中添加的所有内容均正常运行。)

我尝试了以下方法:

$('input#myId').attr('checked', 'checked');

$(this).attr('checked', 'checked');

甚至简单

return true;

但是什么都没有用。 谁能告诉我我要去哪里错了?

编辑-感谢所有答复。 Dreas的回答几乎对我有用,除了检查属性的那一部分。 完美运行(尽管有点笨拙)

$('input#myInput').change(function ()
{
    if(!$(this).hasClass("checked"))
    {
        //do stuff if the checkbox isn't checked
        $(this).addClass("checked");
        return;
    }

    //do stuff if the checkbox isn't checked
    $(this).removeClass('checked');
});

再次感谢所有答复。

trans by 2020-08-11T01:45:36Z

javascript-表格的CSS网格系统(多列)

像素完美精度的最终结果供以后参考:

fluid CSS form

CSS代码:

._25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
label {
    width: 100%;
}
input {
    border: 1px solid #B3B3B3;
    width: 100%;
    -moz-border-radius: 3px;
}
textarea {
    border: 1px solid #B3B3B3;
    width: 100%;
    -moz-border-radius: 3px;
}
select {
    border: 1px solid #B3B3B3;
    width: 100%;
    -moz-border-radius: 3px;
}

还有一些示例HTML代码:

<div class="_50">
    <p><label for="in_user">Username</label><input id="in_user" type="text" value=""/></p>
</div>

<div class="_50">
    <p><label for="in_pass">Password</label><input id="in_pass" type="text" value=""/></p>
</div>

最近,我开始使用CSS网格系统,并且发现设计网页的整个过程更加简单。 现在,我正在尝试对表单元素进行样式化,但是在创建带有列的表单方面确实非常困难,请举以下示例:

  • div(宽度= 400像素)
    • 形成
        • 一世。 是lf
          • 标签
          • 输入(应为200像素宽)
        • 一世。 是lf
          • 另一个标签
          • 另一个输入(也应为200px宽)

基本上,我正在应用一个宽度属性为50%的类,但是将两个输入并排放置会使该行大于100%(400px)-我猜这是因为边框,边距和填充。

mockup of what I'm trying to achieve

我是否可以使用任何CSS网格系统来具有多列表单,同时仍使所有表单元素具有相同的大小(输入,选择和文本区域); 例如。 1列中的1个输入应具有400px,而2列中的每个应具有200px。

编辑:Wufoo有一些我想做的事的例子,但是我对CSS太不了解,无法理解所有这些代码,如果有人可以给我一些指针,我将不胜感激。

trans by 2020-08-09T14:41:06Z

javascript-如何使用OnClick事件调用JS函数

我正在尝试调用添加在标头中的JS函数。请找到下面显示我的问题方案的代码。注意:我无法在应用程序中访问主体。每次单击带有id="Save"的元素时,它仅调用f1(),但不会调用fun()。我怎么能使其甚至称为fun()?请帮忙。

  <!DOCTYPE html>
  <html>
  <head>

  <script>

   document.getElementById("Save").onclick = function fun()
    {
     alert("hello");
     //validation code to see State field is mandatory.  
    }   

    function f1()
    {
       alert("f1 called");
       //form validation that recalls the page showing with supplied inputs.    
    }

  </script>
  </head>
  <body>
  <form name="form1" id="form1" method="post">
            State: 
            <select id="state ID">
               <option></option>
               <option value="ap">ap</option>
               <option value="bp">bp</option>
            </select>
   </form>

   <table><tr><td id="Save" onclick="f1()">click</td></tr></table>

   </body>
   </html>
trans by 2020-08-04T15:15:30Z

javascript-HTML输入type = file,在提交表单之前获取图像

我正在建立一个基本的社交网络,在注册过程中,用户上传了一个显示图像。基本上,我想在选择表单之后和提交表单之前,在与表单相同的页面上显示图像,例如预览。

这可能吗?

trans by 2020-08-03T07:09:16Z

如果HTML表单有两个<input type =“ submit”>按钮,如何知道哪个被单击?

假设我有以下HTML表单:

<form>
...
<input type="submit" name="queue" value="Queue item">
<input type="submit" name="submit" value="Submit item">
</form>

我如何知道用户单击了哪个按钮(不使用javascript)?

我查看了提交的数据,似乎当单击"queue" = "Queue Item"时,会将"queue" = "Queue Item"发送到服务器。 当单击"Submit item"时,将发送"submit" = "Submit item"套。

我可以依靠这种行为吗? 是否在HTML表单标准中的某个地方进行了记录? 你们是如何做到的?

trans by 2020-08-02T18:12:28Z

如何在JSF页面中使用<h:form>? 单一表格? 多种形式? 嵌套表格?

我正在使用Facelet模板技术在正在处理的JSF 2应用程序中布局页面。

在我的header.xhtml中,撇号要求将菜单栏括在h:form中。

<h:form>
    <p:menubar autoSubmenuDisplay="true">
        Menu Items here!
    </p:menubar>
</h:form>

因此,在我的目录页面中,我将有另一个h:form或更多。

如果我将h:form放在template.xhtml中,是否可以使用?

<h:body>
    <h:form>
        <div id="top">
            <ui:insert name="header"><ui:include src="sections/header.xhtml"/></ui:insert>
        </div>
        <div>
            <div id="left">
                <ui:insert name="sidebar"><ui:include src="sections/sidebar.xhtml"/></ui:insert>
            </div>
            <div id="content" class="left_content">
                <ui:insert name="content">Content</ui:insert>
            </div>
        </div>
        <div id="bottom">
            <ui:insert name="footer"><ui:include src="sections/footer.xhtml"/></ui:insert>
        </div>
    <h:form>
</h:body>

我实际上是在考虑一个用例,其中一个页面中需要多个h:form。

谢谢

trans by 2020-07-30T13:29:07Z

从多部分/表单数据POST读取文件输入

我正在通过HTML表单将文件发布到WCF REST服务,其中enctype设置为multipart/form-data,单个组件为<input type="file" name="data">。服务器读取的结果流包含以下内容:

------WebKitFormBoundary
Content-Disposition: form-data; name="data"; filename="DSCF0001.JPG"
Content-Type: image/jpeg

<file bytes>
------WebKitFormBoundary--

问题是我不确定如何从流中提取文件字节。 我需要执行此操作才能将文件写入磁盘。

trans by 2020-07-29T09:59:26Z

php-HTML输入数组

<input name="foo[]" ... >

我以前使用过这些,但是我想知道它叫什么以及是否有规范吗?

我在HTML 4.01规范中找不到它,导致各种Google结果只将其称为“数组”,以及许多处理表单数据的PHP示例。

trans by 2020-07-28T21:32:47Z

html-更改输入值,然后在JavaScript中提交表单

我目前正在处理基本表格。 我要使用此表单进行的操作是,当您单击“提交/按钮”以首先更改字段的值,然后照常提交表单时。 看起来有点像这样:

<form name="myform" id="myform" action="action.php">
<input type="hidden" name="myinput" value="0" />
<input type="text" name="message" value="" />
<input type="submit" name="submit" onclick="DoSubmit()" />
</form>

这就是我对JavaScript的理解。 它将“ myinput”的值更改为1,但不提交表单。 我真的是一个JavaScript的新手,如果这只是一个太简单的问题,请原谅我,但我只是没有真正理解它。

function DoSubmit(){
  document.myform.myinput.value = '1';
  document.getElementById("myform").submit();
}
trans by 2020-07-27T09:19:18Z

html-有没有办法在HTML5中本地化输入类型=“ date”

我知道在撰写本文时,只有Opera支持浏览器用户界面

<input type="date" name="mydate">

也许我尝试对该字段进行本地化遇到了挫败,因为诸如本地化之类的细节尚未包含在其实现中,但我什至没有在HTML5规范中提及它。 有没有一种方法可以指定本地化? 我应该对父元素执行lang =“ fr”吗?

有关该站点实施的一些注意事项:

  • 用户明确选择了本地化(语言),因为他们正在管理多种语言的数据,并且不能合理地期望用户的浏览器镶边使用正在查看的语言或浏览器正在提供所需的语言请求标头。
  • 我想确保如果页面以法语显示,则浏览器chrome提供的日期选择器会显示对法语有意义的选项。
  • 该计划是针对不支持type =“ date”的浏览器使用jQueryUI,我将使用Dive into HTML 5中提供的检测机制。
trans by 2020-07-26T20:53:09Z

angularjs-如何使必填字段的ngMessage仅在肮脏或提交表单时显示?

我正在使用AngularJS 1.3.0 RC0和angular-messages。 ng-messages会在最初加载表单和原始时忠实地显示那些“必填”字段的错误消息。 因此,新加载的表单页面充满了错误消息。 这不是我想要的。 如何使必填字段的ngMessage仅在这些字段不干净或提交表单时才显示?

我已经阅读了官方文档,没有头绪。 并尝试在ng-messages div中放入“ ng-show =“ fieldName。$ dirty””,此方法不起作用。 任何帮助将不胜感激!

trans by 2020-07-23T17:08:50Z

如何在Rails表单中将复选框和标签保留在同一行上?

如何使复选框的标签与包含表单的rails视图中的复选框保持同一行?

当前标签在下一行:

<div class="span6 offset3">
<%= form_for(@user) do |f| %>
<%= render 'shared/error_messages', object: f.object %>

  <%= f.label :name %>
  <%= f.text_field :name %>

  <br>
  <%= f.check_box :terms_of_service %>
  <%= f.label :terms_of_service, "I agree to the #{link_to 'Terms of Service', policies_path}.".html_safe %>
  <br><br>

  <%= f.submit "Create my account", :class => "btn btn-large btn-primary" %>
<% end %>

谢谢,亚历山德拉

trans by 2020-07-22T06:03:36Z

asp.net mvc 4-找不到需要POST的简单控制器

自从我将MVC4 webapi beta更新为RC以来,我已经提出了一些先前的问题,以寻求有关问题的帮助。 现在,我的订单最多,但是我无法弄清原因。

对于这个简单的控制器,我有一个接受POST的控制器和一个接受GET的控制器。 当我尝试通过发送来自HTML表单的请求来运行这些请求时,仅找到GET控制器,而POST会返回以下错误。

{
  "Message": "No HTTP resource was found that matches the request URI 'http://localhost/webapi/api/play/test'.",
  "MessageDetail": "No action was found on the controller 'Play' that matches the name 'test'."
}

为什么找不到POST控制器?

控制器

public class PlayController : ApiController
{
    [HttpPost]  // not found
    public string Test(string output)
    {
        return output;
    }

    [HttpGet]  // works
    public string Test2(string output)
    {
        return output;
    }
}

HTML表格

<form action="http://localhost/webapi/api/play/test" method="post">
<input type="text" name="output" />
<input type="submit" name="submit" />
</form>

<form action="http://localhost/webapi/api/play/test2" method="get">
<input type="text" name="output" />
<input type="submit" name="submit" />
</form>
trans by 2020-07-21T05:08:19Z

python-基于添加表单的Django编辑表单?

我制作了一个不错的表单,并使用了一个复杂的“添加”函数来处理它。 像这样开始

def add(req):
    if req.method == 'POST':
        form = ArticleForm(req.POST)
        if form.is_valid():
            article = form.save(commit=False)
            article.author = req.user
            # more processing ...

现在,我真的不想复制article.id方法中的所有功能,因此我认为add可以使用完全相同的模板,也许只是将form.save字段添加到表单中,以便is_valid函数知道它在编辑什么。 但这有几个问题

  1. add函数中,将article.id设置在哪里? 它将必须在form.save之后,因为这是创建文章的地方,但它甚至永远都不会达到此目的,因为由于唯一的约束,表单无效(除非用户编辑了所有内容)。 我可以删除is_valid检查,但是form.save却失败了。
  2. 如果表单实际上无效,则不会保留我在编辑功能中动态添加的字段。

那么我该如何处理呢?

trans by 2020-07-20T08:04:12Z

html-表单提交执行JavaScript最佳做法?

我想在提交表单时运行JavaScript函数。 问题在于,提交表单后,将重新加载页面,并将表单值作为GET参数附加到URL。 我希望它保留在当前页面上,仅运行JavaScript函数。

我想知道什么是最佳做法(或您做什么),以避免重新发送页面和发送参数。

trans by 2020-07-19T15:42:15Z

使用jQuery和PHP序列化并提交表单

我正在尝试使用jQuery发送表单数据。 但是,数据无法到达服务器。 你能告诉我我做错了吗?

我的HTML表单:

<form id="contactForm" name="contactForm" method="post">
    <input type="text" name="nume" size="40" placeholder="Nume">
    <input type="text" name="telefon" size="40" placeholder="Telefon">
    <input type="text" name="email" size="40" placeholder="Email">
    <textarea name="comentarii" cols="36" rows="5" placeholder="Message"></textarea> 
    <input id="submitBtn" type="submit" name="submit" value="Trimite">
</form>


JavaScript(与上述表单位于同一文件中):

<script type="text/javascript">
    $(document).ready(function(e) {

        $("#contactForm").submit(function() {
            $.post("getcontact.php", $("#contactForm").serialize())
            // Serialization looks good: name=textInNameInput&&telefon=textInPhoneInput etc
            .done(function(data) {
                if (data.trim().length > 0) {
                    $("#sent").text("Error");   
                } else {
                    $("#sent").text("Success");
                }
            });

            return false;
        })
    });
</script>


服务器端PHP(/getcontact.php):

$nume = $_REQUEST["nume"]; // $nume contains no data. Also tried $_POST
$email = $_REQUEST["email"];
$telefon = $_REQUEST["telefon"];
$comentarii = $_REQUEST["comentarii"];


你能告诉我我在做什么错吗?


更新

检查var_dump($_POST),它返回一个空数组。

奇怪的是,在我的本地计算机上测试的相同代码可以正常工作。如果我将文件上传到托管空间,它将停止工作。 我尝试在不使用jQuery的情况下制作老式表格,并且所有数据都是正确的。

我看不到这将是服务器配置问题。 有任何想法吗?

谢谢!

trans by 2020-07-18T01:10:31Z

通过javascript跟踪表单更改的最佳方法是什么?

我想通过javascript跟踪表单中输入的更改。 我的意图是(但不限于)

  • 仅在发生更改时启用“保存”按钮
  • 在用户要关闭页面并且未保存某些内容时发出警报

有想法吗?

trans by 2020-07-17T15:18:49Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页 共14页