[英]How to disable an input field, based on the displayed user text?
我有這個代碼片段工作:
var oldInput = document.getElementsByName ("prio");
oldInput[0].setAttribute ("disabled", "disabled");
這是相關的目標頁面HTML(已更正 ):
<div id="content">
<p>(CONTENT)</p>
<form>
<p>Priority: <input name="prio" type="text" value="285"></p>
<p>Success: <input name="succ" type="text" value="6"></p>
</form>
</div>
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="user">
<a href="#" class="nav" title="Logout John">Logout</a>
(User: John)
</td>
</tr>
</tbody>
</table>
我有很多用戶的1個接入點。 但我希望5個用戶能夠更改prio
值。 您可以看到用戶名在頁腳中。
是否有可能在javascript中使用上面的代碼為Firefox 2.x並且沒有jQuery?
例:
if USER (from footer) == JOHN || LUKE || JEFF || MAX || ANDY
do nothing
else
disable PRIO BOX (from content)
嘗試這個:
var tds = document.getElementsByTagName("TD",
footerText = tds[tds - 1].textContent,
user = footerText.match(/\(User: ([^\)]*\))/)[1].toUpperCase();
if (" JOHN LUKE JEFF MAX ANDY ".indexOf(" " + user + " ") !== -1) {
// Do stuff
} else {
// Do else stuff
var oldInput = document.getElementsByName("prio");
oldInput[0].setAttribute("disabled", "disabled");
}
注意 :您的偽代碼與您在單詞中所說的完全相反。 修復上述代碼以滿足您的實際需求。
編輯 :我不記得Firefox 2是否支持數組上的indexOf
。 確實如此。 所以你可以改用這一行:
if (["JOHN", "LUKE", "JEFF", "MAX", "ANDY"].indexOf(user) !== -1) {
編輯2 :我剛看到你的編輯並相應地改變了答案。 我希望你的HTML片段實際上反映了頁面的來源,或者發現頁腳元素需要另一種方法。
var allowed_users = ['John', 'Luke', 'Jeff', 'Max', 'Andy'];
var user = /\(User: ([^)]*)\)/.exec(document.getElementById('footer').textContent)[1];
if(allowed_users.indexOf(user) === -1) // user not in allowed_users array, disable priority
{
var oldInput = document.getElementsByName('prio')[0];
oldInput.setAttribute('disabled', 'disabled');
}
這應該適用於Firefox 2.0:
//--- Make sure this list of names is all uppercase.
var usersWhoCanSetPriority = ['JOHN', 'LUKE', 'JEFF', 'MAX', 'ANDY'];
var bDisablePrio = true;
var tdNodes = document.getElementsByTagName ("TD");
for (var J = tdNodes.length - 1; J >= 0; --J) {
var tdNode = tdNodes[J];
if (tdNode.className == "user") {
var userName = tdNode.textContent.replace (
/^(?:.|\n|\r)+\(User:\s+([^)]+)\)(?:.|\n|\r)+$/i, "$1"
).toUpperCase ();
if (usersWhoCanSetPriority.indexOf (userName) > -1) {
bDisablePrio = false;
}
}
}
if (bDisablePrio) {
var oldInput = document.getElementsByName ("prio");
oldInput[0].setAttribute ("disabled", "disabled");
}
查看更新的小提琴 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.