search

elclanrs / jq-idealforms-old

The ultimate framework for building and validating responsive HTML5 forms.
665 stars 95 forks source link

datepicker bug? #45

Closed jnvries closed 12 years ago

jnvries commented 12 years ago

When i don't use an input with class="datepicker' my submit buttons text dissapears in Internet Explorer 9.

Is this a bug? For the moment im using a hidden field with class="datepicker" to solve the problem

jnvries commented 12 years ago

Ok when i use the hidden datepicker it stops working in IE 9.

jnvries commented 12 years ago

Nevermind i rewrote everything and it seems to work so far:)

jnvries commented 12 years ago

Guess not, been trying to figure it out the whole day. Somehow i can't submit forms in IE... When i use the button type="submit" it does show well but doesnt submit. When i use input type="submit" it doens't show text inside buttons and doesn't submit.

In firefox / chrome both types work well.

I feel like using my own css now, but idealforms looks so well.. :)

also there is a little bug inside you sample code type="sumbit" value="Submit" shouldbe type="submit" :)

elclanrs commented 12 years ago

Mmm, that sounds very weird. I just tried removing the datepicker from the demo and testing in IE9 and everything seems to be working fine. It just doesn't make any sense that the text in the submit button would disappear... I tried submitting and it also works. Can yo send me a link to your site or maybe you can create a simplified example; it would help to see your problem in action. Good catch on that typo.

jnvries commented 12 years ago

This is what i created and gives the bug, i made a really basic version. When i put button instead of input it renders okay. But i cant use that because my framework cant process that well somehow :)

<!DOCTYPE html>
<!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8"/>
<title>jq-idealforms</title>
<!--[if lt IE 9]>
<script src="js/lib/html5shiv.js"></script>
<![endif]-->
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript"  src="http://www.schuimrubber.nl/scripts/modernizer.js"></script>
<script type="text/javascript"  src="{site_url}/scripts/idealform/js/min/jquery.idealforms.min.js"></script>
<script type="text/javascript"  src="{site_url}/scripts/idealform/js/i18n/errors_nl.js"></script>
<link href="{site_url}/scripts/idealform/css/jquery.idealforms.css" media="all" rel="stylesheet" type="text/css"/>
</head>
<body>
<form id="form1">
  <div>
    <label>lengte</label>
    <input name="lengte" id="lengte" type="text" />
  </div>
  <div>
    <input type="submit" value="submit" />
  </div>
</form>
<script>

  var users = ['admin', 'user'];

  var options = {

    inputs: {
     'lengte': {
      filters: 'number range',
      data: {
        range: [20, 600]
         }
         }

    }
  };

  var $idealform = $('#form1').idealforms(options);

  $('#reset').click(function(){$idealform.reset().fresh().focusFirst()});

  $idealform.focusFirst();

</script>
</body>
</html>
elclanrs commented 12 years ago

Wow, it does disappear. Soooo weird... Let me see what I can do.

elclanrs commented 12 years ago

Yes!!! Found the problem! It was in the code that creates the placeholder polyfill , that's why it only happened in IE. Thanks for reporting. Check newest commit.

elclanrs commented 12 years ago

Oh, by the way, I see you're using your own errors_nl.js file. Could you make a pull request to add it to Ideal Forms? That would be great.