SitePoint Sponsor

User Tag List

Results 1 to 1 of 1
  1. #1
    SitePoint Member
    Join Date
    Jun 2011
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Please help me to have a sample code of this

    Using Livevalidation.js and in html

    Originally Posted by elduderino View Post
    This solution here is not javascript.....it's css.

    the error message is displaying inside a <span> element (with a class of .LV_validation_message .LV_invalid) which, by default, is an inline element. The <span> that the error message is displayed in is sitting inside the same <td> as the input field so naturally it's wrapping around it as it's an inline element.

    try:

    CSS Code:

    td.textfieldback span.LV_invalid {
    display:block
    }


    in your css....this is one solution. the other is to move the error message in to it's own <td> below the input and another would be to make the <tr> that holds all of the inouts only as wide as the inputs, thus forcing the error message on to an new line (this is hacky though!)
    Last edited by v2vboni; Jun 20, 2011 at 10:44. Reason: need to mention the Livevalidation Javascript being used


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •