Tizen Web /原生應用程序表單驗證

Question

我在Web和本機應用程序中搜索Tizen表單驗證教程。我在jQuery/Angular JS等流行庫中找不到這些東西。

我發現這個https://developer.tizen.org/community/tip-tech/using-livevalidation-javascript-library

Answer 1

您可以使用任何可用的表單驗證插件uing的Jquery/AngularJS因應用程序託管Web應用程序。例如，我正在使用jQuery Validation Plugin。

只要按照從here 2mins教程。

我調整了Tizen UI中的表單。

<div id="main" class="page"> 
     <div class="contents"> 
      <div class="container"> 
      <form action="" name="registration"> 
       <label for="firstname">First Name</label> 
       <input type="text" name="firstname" id="firstname" placeholder="Steave"/> 

       <label for="lastname">Last Name</label> 
       <input type="text" name="lastname" id="lastname" placeholder="Smith"/> 

       <label for="email">Email</label> 
       <input type="email" name="email" id="email" placeholder="xyz@s.com"/> 

       <label for="password">Password</label> 
       <input type="password" name="password" id="password" placeholder="&#9679;&#9679;&#9679;&#9679;&#9679;"/> 

       <button type="submit">Register</button> 
      </form> 
      </div> 
     </div> 
    </div> 

必需的庫和js必須添加。

<script src="lib/jquery.js"></script> 
    <script src="lib/jquery.validate.min.js"></script> 
    <script src="js/form-validation.js"></script>