Java中的佔位符腳本未運行

我的代碼無法正常工作。你能告訴我我的錯誤在哪裏？Java中的佔位符腳本未運行

這裏是我的代碼：

HTML部分

<form name="" id="" method=""> 
     <fieldset> 
      <legend><strong>My Form</strong></legend> 
      <div class=""> 
       <label for="name">Name:-</label> 
       <input type="text" value="" id="name" /> 
      </div> 
      <div class=""> 
       <label for="email">Email:-</label> 
       <input type="text" value="your email" id="email" /> 
      </div> 
      <div class=""> 
       <label for="companyId">Company Name:-</label> 
       <input type="text" value="" id="companyId" /> 
      </div> 
     </fieldset> 
    </form>

Java腳本

var emailField = document.getElementById("email"); 
     emailField.onfocus = function(){ 
      if(emailField.value == "your email"){ 
       emailField.value ==""; 
      } 
     }; 
     emailField.onblur = function(){ 
      if(emailField.value ==""){ 
       emailField.value == "your email"; 
      } 
     };

Jsfiddle Link

來源

2014-02-25 Rohit Azad

你有沒有試過用''中input' placeholder'屬性標籤？ – alalp

對不起，但我不使用佔位符。 –

不能正常工作是一個不好的描述。給出一個確切的錯誤。另外嘗試刪除所有具有空值的屬性，id =「」沒有任何意義。 – VladL

您需要分配使用=（賦值運算符）價值，而你正在使用==這是一個比較運算符

emailField.value ="";

而且

emailField.value = "your email";

Demo

（可選）如果需要，還可以使用placeholder屬性，這樣可以爲您節省11行JavaScript代碼。

來源

2014-02-25 07:37:15

與您的JavaScript片段的問題是，您使用==而不是=來設置值。

但是：您需要支持哪些瀏覽器？如果他們不是太過時，你可以使用<input type="text" name="email" placeholder="YOUR PLACEHOLDER TEXT HERE">並且不需要任何JS。檢查here以獲取瀏覽器支持。

來源

2014-02-25 07:35:10 heyarne

對不起，但我不使用佔位符只是使用此代碼.. –

爲什麼不呢？使用支持它的瀏覽器的佔位符...不會顯示它的瀏覽器。然後添加js修復程序。漸進增強是你的朋友 – albert

您使用

emailField.value =="";

應該

emailField.value ="";

來源

2014-02-25 07:37:44 kcak11

與此更換你的代碼，它也許對你有所幫助

<input type="text" id="email" placeholder="Enter Your Email" />

來源

2014-02-25 07:39:46

這是因爲==是比較運算符，而=是賦值運算符。當你給emailField.value ==「」時，javascript會檢查該值是否爲空字符串，而不是分配空字符串。

來源

2014-02-25 07:57:08 UdhayaGirish

老兄，你使用的是比較操盤分配：

試試這個：

var emailField = document.getElementById("email"); 
    emailField.onfocus = function(){ 
     if(emailField.value == "your email"){ 
      emailField.value =""; 
     } 
    }; 
    emailField.onblur = function(){ 
     if(emailField.value ==""){ 
      emailField.value = "your email"; 
     } 
    };

修改小提琴：http://jsfiddle.net/sunnykumar08/8DB43/

來源

2014-02-25 07:58:31

Java中的佔位符腳本未運行

回答

相關問題