Tizen Web /本机应用程序表单验证

Question

我在网络和原生应用中都在搜索Tizen表单验证教程。我在jQuery / Angular JS等流行的库中找不到这些。

我发现了https://developer.tizen.org/community/tip-tech/using-livevalidation-javascript-library

Answer 1

您可以使用任何可用的表单验证插件，即Jquery / AngularJS，它们是托管Web应用程序的应用程序。例如，我正在使用jQuery Validation Plugin。

只需按照here的2分钟教程即可。

我已在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>