2013-04-17 174 views
0

我試圖在沒有文本/空白的情況下得到彈出塊。它在Firefox,Chrome & Safari中工作正常。無法在IE瀏覽器上彈出警報...在Firefox,Chrome等工作正常?

請檢查下面的代碼在我的JavaScript文件級:

function submitQuestion(URL,docId,errorMessage) 
{ 
var question = $('textField').value; 
if(!question.blank()) 
{ 
var submitForm = $("question-form"); 
submitForm.action = URL+"docId="+docId+"&question="+encodeURIComponent(question); 
//alert(submitForm.action); 
submitForm.submit(); 
} 
else 
{ 
alert(errorMessage); 
return false; 
} 
} 

以上功能在Firefox,Safari瀏覽器Chrome的&工作正常,當是沒有在文本框(即空/空),那麼它去到別的&提示errorMessage作爲彈出窗口,但在IE中,它不會去其他& errorMessage彈出式窗口永遠不會到來。

請檢查下面的代碼爲我forntend形式 - :

<form method="POST" id="question-form" onsubmit="return submitQuestion('https://localhost/question-post!input.jspa?','ABC12','Enter your question!');"> 
       <span class="fieldwrap"> 
        <input type="text" placeholder="Ask customers about this document" value="" maxlength="255" autocomplete="off" class="questionInputField" id="textField"> 
       </span> 
       <div class="clear"></div> 
       <div id="question-submit" class="widget-div clearfix"> 
        <input type="submit" value="Submit question to the portal" class="questionSubmitFormButton"> 

        </div> 
       </div> 

      </form> 

這裏發生了什麼在IE瀏覽器將採取佔位符文本字段值時,我們當我們保持文本字段沒有提供任何即空或空白,然後它會採取佔位符的文本字段值的&而不是給彈出警報,它進入循環,如果這不應該是一個情況。

+0

在你做這個有什麼活動嗎?不要在提交活動中提交表單 - 請顯示您在哪裏以及如何調用此代碼 – mplungjan

回答

0

要訪問使用jQuery的文本字段的值,你應該使用VAL(),而不是價值。

var question = $('textField').val(); 
if (question != '') { 
// 
} 
else { 
// 
} 

下面是一個工作示例:

<!DOCTYPE html> 
<head> 
    <title>EXAMPLE</title> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script> 
     function submitQuestion(URL, docId, errorMessage) { 
      var question = $('#textField').val(); 
      if (question.trim() != "") { 
       var submitForm = $("#question-form"); 
       submitForm.attr("action", URL + "docId=" + docId + "&question=" + encodeURIComponent(question)); 
       return true; 
      } 
      else { 
       alert(errorMessage); 
       return false; 
      } 
     } 
    </script> 
</head> 
<body> 
    <form method="POST" id="question-form" onsubmit="return submitQuestion('https://localhost/question-post!input.jspa?','ABC12','Enter your question!');"> 
     <span class="fieldwrap"> 
      <input type="text" placeholder="Ask customers about this document" value="" maxlength="255" autocomplete="off" class="questionInputField" id="textField"> 
     </span> 
     <div class="clear"></div> 
     <div id="question-submit" class="widget-div clearfix"> 
      <input type="submit" value="Submit question to the portal" class="questionSubmitFormButton"> 
     </div> 
    </form> 
</body> 
+0

我已經寫了javascript。你可以請告訴我的JavaScript作爲.val()單擊提交後給我空白頁面。 – Prat

相關問題