2010-08-04 77 views
0

我試圖使用JQuery檢查提交時,如果字段輸入具有默認值,並且如果是,則停止提交併提醒用戶。我所做的一切都達到了某個程度。但無論我將什麼放入輸入字段,都會停止提交,並將文本更改爲警報文本。使用JQuery檢查表單提交時的默認值

這裏是JQuery的:

$('#submitQuestion').submit(function() { 
if($('#topic').val('at least one topic, separated by commas') 
{ 
    $('#topic').removeClass('inactive'); 
    $('#topic').addClass('notice'); 
    $('#topic').val('Please include at least one topic'); 
    return false; 
} 
return false; 
}); 

一旦文本已更改通知用戶我已經被消隱了默認的文本的另一個問題。現在我只有字符串而不是變量,並且由於某種原因,只有在某些地方使用'=='時它才能工作(部分)。現在,焦點函數中的第一個if條件起作用,而不是elseif條件。目前我有這樣的代碼:

$('#topic').focus(function(){ 
    if(this.value=='at least one topic, separated by commas') 
    { 
$(this).val(' '); 
    } elseif(this.value=='Please include at least one topic') 
    { 
$(this).val(' '); 
$(this).removeClass('notice'); 
    } 
}); 

$('#topic').blur(function(){ 
    if(this.value==' ') 
    { 
    $(this).val('at least one topic, separated by commas'); 
    $(this).addClass('inactive'); 
    } 
}); 

顯然,我對JQuery的掌握並不如此。但我很感激任何幫助。

回答

0

使用jQuery您設置一個形式值,像這樣:

$('#topic').val('text here') 

但是,如果你想要得到的值,如要檢查它反對的值,你可以使用與VAL()函數沒有參數,如下所示:

if ($('#topic').val() == 'at least one topic, separated by commas') { 
    ... 
} 
2

要真不假解答提交表單中else部分retrun到的第一個問題`

提交表單:http://api.jquery.com/submit/

$('#submitQuestion').submit(function() { 
if($('#topic').val('at least one topic, separated by commas') 
{ 
    $('#topic').removeClass('inactive'); 
    $('#topic').addClass('notice'); 
    $('#topic').val('Please include at least one topic'); 
    return false; 
} 
else 
return true; 
}); 

答2:

在商店字符串值變量和使用===語法進行平等操作,其他如果不是elseif,則更新後的腳本是

var defaultTextFocus = 'at least one topic, separated by commas'; 
var defaultTextVal = 'Please include at least one topic'; 
$('#topic').focus(function(){ 
    if(this.value=== defaultText) 
    { 
    $('#' +this.id).val(' '); 
    } else if(this.value=== defaultTextVal) 
    { 
    $('#' +this.id).val(' '); 
    $('#' +this.id).removeClass('notice'); 
    } 
}); 
+0

您對Q2的回答的工作方式與魔術相似,但我仍然無法獲取表單以對提交事件執行任何操作。我可以將它清除出默認文本或將其切換出來。任何其他提示? – tchaymore 2010-08-06 00:58:18

+0

第一個問題請檢查此鏈接:http://api.jquery.com/submit/它可以幫助您解決問題 – 2010-08-06 05:36:25