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

Question

我正在搜索 Web 和本机应用程序中的 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>