Question

I am writing a website master page with a form for member login
Below is the markup from the master page:

<form id="loginForm" action="account.aspx" method="POST">
<div class="div-topHead">
<input type="button" id="submitLogin" title="Login" value="Login" />
<input type="button" id="forgetPW" title="Forget password" value="?" onclick="window.open('forgetpassword.aspx','_self')" />
</div>
<div class="div-topTail">
<div class="div-login">
    <div class="row-body row-def">
    <input id="input_memID" name="input_memID" runat="server" type="text" maxlength="255" />
    </div>
    <div class="row-header row-def">
    Member ID:
    </div>
</div>
<div class="div-login">
    <div class="row-body row-def">
    <input id="input_memPW" name="input_memPW" runat="server" type="password" maxlength="255" />
    </div>
    <div class="row-header row-def">
    Password:
    </div>
</div>
</div>
</form>

and below is the posting script

$(function(){
    $('#submitLogin').click(function(){
        var f = $('#loginForm').get(0);
        $.post("../script/loginCheck.aspx", { "memID": f.inputID.value, "memPW": f.inputPW.value }, function(data){
            var result = JSON.parse(data);
            if(result[0] == 1){
                //Login validated
                f.submit();
            } else {
                //Login is invalid
                alert(result[1]);
            }                    
        });
    });
});

The problem is, when i open the website on browser,
the text input field names are automatically added a prefix “c100$”
and then from console I can see I got below error
Uncaught TypeError: Cannot read property ‘value’ of undefined

I have tried to lookup on the net what is this happening,
and seems it is something .NET automatically does.
Yet I could not find a way to make my post script works.

I don’t need to keep the ID as it was without ct100,
as long as the posting script can work
I tried changing to f.ct100$input_memID etc but not working

Also tried the clientIDMode=”Static” but can’t get it work either
the browser complains clientIDMode is not an attribute of <% PAGE %>

So could someone please kindly advise what can I do?
Thanks in advance!

Answer 1

Although Blachshma’s answer is perfectly reasonable and will solve your problem, I recommend simply taking off the runat="server" attributes on your inputs.

I can’t see that you have any real reason to have these exist as HtmlInputText objects if you don’t need to reference them from page code-behind.

EDIT: as per comment, if you do need to access them from code-behind, then it’s a better idea to simply change the ClientIDMode to Static.