小编Mar*_*ark的帖子

比如我有一个textfield.该字段是必填字段,仅需要数字且值的长度必须为10.当我尝试提交长度为5的值的表单时,将显示默认错误消息:Please match the requested format

<input type="text" required="" pattern="[0-9]{10}" value="">

1. 如何更改HTML 5表单验证错误的默认消息？
2. 如果第一点可以完成,那么有没有办法创建一些属性文件并在该文件中设置自定义错误消息？

我从http://www.ilikepixels.co.uk/drop/bubbler/生成了一个泡泡聊天的东西.

在我的页面中,我在其中放了一个数字

.bubble {
  position: relative;
  width: 20px;
  height: 15px;
  padding: 0;
  background: #FFF;
  border: 1px solid #000;
  border-radius: 5px;
}

.bubble:after {
  content: "";
  position: absolute;
  top: 4px;
  left: -4px;
  border-style: solid;
  border-width: 3px 4px 3px 0;
  border-color: transparent #FFF;
   display: block;
  width: 0;
  z-index: 1;
}

.bubble:before {
  content: "";
  position: absolute;
  top: 4px;
  left: -5px;
  border-style: solid;
  border-width: 3px 4px 3px 0;
  border-color: transparent #000;
  display: block;
  width: 0;
  z-index: 0;
}

我希望background-color …

我有一个<div>持有谷歌广告.我的网站主要是AJAX,不需要浏览器刷新.这意味着我的广告也不会刷新,这不是理想的,用户整天都在盯着一个广告.

所以我想要一种<div>在页面上刷新特定内容的方法.我发现了许多解决方案,但它们没有用.例如,使用JQuery的html函数:

$("#ads").html("google ad script here");

这设法刷新整个页面不知道如何.我也可以向包含Google广告的HTML页面发出AJAX请求,但我猜它会产生与上述尝试相同的效果.

我不想使用iFrame.

还有其他选择吗？我的豌豆大脑再也想不到了.:)

编辑:

这是允许的,因为我将仅在用户单击链接时启动刷新.

一个主要的例子是雅虎邮箱 - 他们的新AJAX邮箱使用相同的方法,当用户点击链接然后显示新广告.

我有这样的代码

<a href="#" title="some title">
  <span>Do not change color of this text</span>
  Want to only change this text color
</a>

我想只改变锚标签文本的颜色,而不是改变文本的颜色span.使用CSS而不是jQuery.

我有一个自托管SignalR应用程序使用OWIN.我想为传入的请求添加Windows身份验证.这可能吗？

我相信我可以通过类似的东西添加例如Forms Authentication .

但是我找不到任何方法来使用Windows身份验证来做类似的事情.

我的后备计划将是在IIS中托管,但我希望能够将我的应用程序保留为Windows服务,如果可以的话.

Ι想要在图像和描述之间留出5px的空间.

我试过margin-left或者padding-left它没有做我想要达到的目的,它从容器的乞讨创造了空间.知道我怎么能这样做吗？

#portofolio-element-image{
    width: 128px;
    height: 128px;
    margin-bottom: 5px;
    float:left;
}

#portofolio-element-description{
    color: white;
    text-align:justify;
    margin-left: 5px;
}

我正在<li>为twitter bootstrap中的每个列表项创建带有标记和不同FontAwesome图标的项目列表.我试图垂直制作列表测试中心,但不能这样

<ul class="middle">
<li>
 <a href="#">
  <i class="icon-cog icon-2x"></i>
   very long multiline item one</a>
</li>
<li>
 <a href="#">
  <i class="icon-pencil icon-2x"></i>
    very long multiline item two
 </a>
</li>
</ul>

哪个产生了

这就是我想要实现的目标

我怎样才能实现这一目标？

看看代码

Html代码:

<div class="container content-rows" id="contentdisplay">
 <div class="col-md-1" id="snocontent">abcd</div>
 <div class="col-md-3" id="pgnamecontent">abcd</div>
 <div class="col-md-3" id="cmpcontent">abcd</div>
 <div class="col-md-2" id="datecontent">abcd</div>
 <div>
  <button onclick="createdivs()"><span class="glyphicon glyphicon-king" class="addtrainersbutton" id="addtrainersbutton" title="Add Trainers"></span></button>
  <button onclick="edit_program()"><span class="glyphicon glyphicon-pencil" id="editprogrambutton" title="Edit Program"></span></button>
  <span class="glyphicon glyphicon-user" id="assigntrainersbutton" title="Assign Trainers for the Program"></span>
  <span class="glyphicon glyphicon-remove" id="deleteprogrambutton" title="Delete the Program"></span>
 </div>

Javascript代码:

function createdivs() {
        var i;
    for (i = 0;i < 10;i++)
    {
        divc = "<div>.container.content-rows";
        var list = document.createElement("divc");
        document.body.appendChild(list);
        list.className = "proglist";

    }
}

我有几个问题,请澄清它们或用代码解释:

1. 创建了10个divc,但是里面没有其他div元素,只有第一个div有一些内容..其他div只是创建了它们甚至占用了网页内的空间

2. 我希望div与第一个div对齐,即.而不是document.body.appendChild我需要像document.div.appendChild这样的东西,而创建的div应该与第一个div一起显示.. …

我一直在努力让我的锚标签工作,如果点击它,它会改变href指向颜色主题CSS的链接.

这是我到目前为止所得到的.我只是试图将其改为红色主题.

html(列表标记之间删除了空格以防止视觉效果造成的间隙inline-block)

<header>
  <ul>
   <li>
    <a id="theme_selector_red" href="" onclick="applyCSS('css/theme_red.css');"></a>
   </li>
   <li>
    <a id="theme_selector_green" href=""></a>
   </li>
   <li>
    <a id="theme_selector_blue" href=""></a>
   </li>
  </ul>
 </header>

链接标记

<link id="color_theme" type="text/css" rel="stylesheet" href="css/theme_blue.css">

javascript 我以不同的方式尝试了.attr(),也尝试删除和重置属性,没有运气.警报只是测试点击是否到达该功能,是的,每次点击链接时网站都会显示警报.

function applyCSS(css_link){
   $('#color_theme').attr("href", css_link);
   document.getElementById('color_theme').removeAttribute('href');
   document.getElementById('color_theme').setAttribute('href', css_link);
   alert('hey');
};

链接标签工作,href当我点击链接时,它不会改变它.:(

我正在使用上传文件,jQuery.ajax并且除了Internet Explorer 10之外,一切在Google Chrome,Mozilla Firefox,Opera等现代浏览器中都很完美.

new FormData($('.uploadForm')[0])在IE10中不起作用,但如果我只尝试使用这段代码:new FormData($('.uploadForm'))它可以工作......看起来它不接受特定索引处的元素或其他东西？我不明白这真的很好,这就是为什么我在寻求帮助的原因.

IE10的这个例子是否存在任何变通方法？

JS:

var form = new FormData($('.uploadForm')[0]);
config.progressBar.progressWidth = 0;
$('.uploadForm .valueBox').fadeOut('slow',function(){
    $(this).addClass('hidden')
    $('.meter').removeClass('hidden').width(config.progressBar.width);
    $.ajax({
        url: '../../uploads/some.php',
        type: 'POST',
        xhr: function() {
            var myXhr = $.ajaxSettings.xhr();
            if(myXhr.upload){
                myXhr.upload.onprogress = progress;
            }
            return myXhr;
        },
        success: function (res) {
            console.log(res)
        },
        data: form,
        cache: false,
        contentType: false,
        processData: false
    });

some.php代码和平:

foreach($_FILES["file"]["error"] as $key => $value) {
    if ($value == UPLOAD_ERR_OK){

        $name = $_FILES["file"]["name"][$key];

        $arr_files = getimagesize($_FILES["file"]["tmp_name"][$key]); …

我<div>为我的HTML代码的CSS 分配了一个背景图像,我指定了宽度和高度,并且还添加了内容<div>但bg仍未显示,这是我尝试过的:

CSS:

  #order_list {
    position: absolute;
    width: 25%;
    height: 100%;
    z-index: 2;
    left: 75%;
    top: 35px;
    color: #F33;
    background:url(img/ItemList.png)
    display: inline-block;
    alignment-adjust: central;
    font: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size-adjust: inherit;
    grid-rows: inherit;
    list-style: upper-alpha;
    word-spacing: inherit;
    word-wrap: break-word;
    vertical-align: central;
}

HTML:

<div id="order_list">
<div id="confirm" class="buttonClass">
  <div align="center">Confirm</div>
</div>    

<div id="total" class="totalClass">
  <div align="center"></div>
</div>  
  </div>

屏幕截图:

这个真的很烦我,也找不到一个简单的解决方案.

在产品的详细视图中,我将信息设置为会话,最多4个:

$_SESSION['recent'][] = array(
      'id' => $productimgfolder,
      'title' => $product['Product']['title'],
      'link' => $_SERVER['REQUEST_URI'],
      'image' => 'img/products/'.$productimgfolder.'/'.$product['Product']['mainpicture']
    );
$_SESSION['recent'] = array_slice($_SESSION['recent'],-4);

这部分工作,如果我输出会话: 编辑图像=>如果我重新加载详细信息视图,这是wat发生

我正在努力的部分是,当我重新加载详细信息视图时,会话中的信息是重复的.

我怎样才能防止这种情况发生？

我试着用in_array&array_unique,我做错了