テキスト ボックス (名前) とドロップダウン (ホテル) を含むフォームがあります。
<input type="text" name="lname" runat="server" id="LName" tabindex="1" onblur="if(this.value == ' ') { this.value = ' Name'; }"
onfocus="if(this.value == ' Name') { this.value = ' '; }" value=" Name"
style="color: #000000; border: 1px solid #757575; width: 234px; margin-top: 5px;" />
<div class="dropdownselect" style="margin: 15px 0;">
<asp:DropDownList ID="drhotel" runat="server" Style="border: 1px solid #757575; width: 234px;
height: 16px; *height: 18px;">
</asp:DropDownList>
何も入力しない場合、テキスト ボックスにはデフォルトで「名前」が表示されます。以下の方法を使用して、クライアントのクリックを検証しようとしています。
function validatecust() {
if (document.getElementById('<%= LName.ClientID %>').value == ' Name') {
alert('Please enter Name');
document.getElementById('<%= LName.ClientID %>').focus();
return false;
}
if (document.getElementById('<%= drhotel.ClientID %>').value == 'Select Hotel') {
alert('Please select Hotel');
document.getElementById('<%= drhotel.ClientID %>').focus();
return false;
}}
[名前] フィールドに何も入力しないと警告が表示されません。ホテルの検証は正常に機能します。