圍繞輸入元素的隨機紅色邊框

有誰知道有時會在網頁上的input元素上放置什麼紅色邊框？它來自HTML5還是jQuery？當我使用required作爲屬性時，以及當我使用jQuery的change函數（以及on("change")，顯然）時，我已經看到它。起初我還以爲是當你沒有對形式的input場右側pattern提交，但最近我發現它與此代碼發生的事情：圍繞輸入元素的隨機紅色邊框

<form id="assessform" action="assessment.php" method="post" enctype="application/x-www-form-urlencoded" name="assessform"> 

    <div data-test-ques="met_with"> 

     <label data-test-num="met_with" for="met_with">Met With </label> 

     <input type="text" name="met_with" id="met_with" value="" required="required" autofocus="autofocus" /> 

    </div><br /><br /> 

    <div data-test-ques="taken_by"> 

     <label data-test-num="taken_by" for="taken_by">Assessment Taken By </label> 

     <input type="text" name="taken_by" id="taken_by" value="" required="required" /> 

    </div> 
</form>

jQuery代碼：

$("#met_with, #taken_by").change(function() { 
    if($("#met_with").val() == met_with || $("#taken_by").val() == taken_by) { 
     met_taken_change = 0; 
    } 
    else { 
     met_taken_change = 1; 
    } 
});

我得到了required的事情，但爲什麼在這裏？

附上截圖。 enter image description here

來源

2013-11-26 trysis

你可以創建一個jsFiddle請 –

我可以 - > [** FIDDLE **]（http://jsfiddle.net/a6aAK/）........和什麼紅色邊框，我不認爲我曾經在Chrome中看過類似的東西，那麼您使用的瀏覽器是什麼，它看起來像什麼？這是一張照片很棒的時代之一！ – adeneo

Firefox。將添加一個截圖到我的文章。 – trysis

這不是一個隨機行爲，它只是'必需'輸入屬性的FF中的html5規範的不同實現。

FF增加了一個紅色的邊框來幫助我們專注於這個問題，你可以看到它here。

來源

2013-11-27 01:04:31

是的，我認爲這是來自'onchange'，因爲我的網站是這樣做的。但令人困惑的是，他們本可以做得更好。當然，因爲我自己做得不好，所以我不應該說話。 – trysis

圍繞輸入元素的隨機紅色邊框

回答

相關問題