JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
<form accept-charset="UTF-8" id="form1" method="post" action="register" enctype="multipart/form-data"><div><div id="pg-reg">
        <fieldset> 
          <div class="ui-form-item">
            <label class="ui-label">Phone</label>
            <label class="input-icon form-text">13366669999</label>
          </div>
          <div class="ui-form-item"> 
            <label class="ui-label">Code</label> 
            <input type="text" class="ui-input input-icon form-text valid" id="edit-vcode" name="vcode" value="">
            <span class="icon input-icon-lock"></span> 
          </div> 
          <div class="ui-form-item"> 
            <input type="button" value="Prev" name="prev" id="edit-prev" class="ui-button ui-button-blue ui-button-mid form-submit"><input type="submit" value="Finish" name="op" id="edit-finish" class="ui-button ui-button-blue ui-button-mid form-submit">          </div>
                  </fieldset>
    </form>

JavaScript

$("#form1").validate({
				rules: {
					vcode: {
						required: true,
					},
				},
				messages: {
					vcode: {
						required: "Please input the validation code you received",
					},
				}
			});