2013-06-15 3 views
1

Bootstrap позволяет указать вход по мере необходимости, а также определить тип данных & требуемый шаблон. К сожалению, это не работает ни в одной версии IE до IE 10.Проверка входного бутстрапа в IE

Кто-нибудь знает о плагине проверки javascript, который может просто записывать и читать атрибуты, назначенные входам, чтобы покрыть промежуток, где IE не хватает?

+0

Проверить http://stackoverflow.com/questions/9067536/html5-forms-with-polyfills-is-it-worth-it. Вы можете попробовать это или посмотреть здесь http://afarkas.github.com/webshim/demos/index.html. В противном случае вы можете проверить https://github.com/elclanrs/jq-idealforms или http://jqueryvalidation.org/ – elclanrs

ответ

0

Я столкнулся с той же проблемой, и я использовал следующий плагин, он работает очень хорошо.

Official Plugin Page 

http://jqueryvalidation.org/

GitHub 

https://github.com/jzaefferer/jquery-validation

CDN 

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js

EXAMPLE CODE: 

Он может быть легко использован в качестве следуют с AJAX: (Если вы хотите без AJAX просто изменить ту часть)

<form id="example_form" action="process.php" method="POST" novalidate="novalidate"> 
<span style="display: none;" id="success">Success</span> 
<span style="display: none;" id="failure">Failure</span> 

<label for="Name">Name:<br> 
        <input type="text" id="txtName" required="" class="required"> 
       </label> 
<label for="Phone">Contact No:<br> 
        <input type="tel" id="txtPhone" required="" class="required number"> 
       </label> 
<label for="Email">Email:<br> 
        <input type="email" id="txtEmail" required="" class="required email"> 
       </label> 
<button type="submit">Submit</button> 
</form> 


    $(function() 
    { 

var form = $("#example_form").validate(); 
$("form#example_form").submit(function() { 
        if(form.valid()) 
        { 
         var name = $("#txtName").val(); 
         var email = $("#txtEmail").val(); 
         var phone = $("#txtPhone").val(); 

         $.ajax({ 
         url: "process.php", 
         type: "POST", 
         data: { 
           'name': name, 
           'email': email, 
           'phone': phone 
           }, 
         dataType: "json", 
         success: function(data) { 
           if(data.status == 'success') 
           { 
            $('#success').show(); 
           } 
           else if(data.status == 'error') 
           { 
            $('#failure').show(); 
           } 
          } 
         }); 
       return false; 
       } 
     }); 
}); 
Смежные вопросы