#5649

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<form class="ui form">
  <div class="field">
    <label>Empty</label>
    <input type="text" name="label">
  </div>
  <div class="field">
    <label>Integer</label>
    <input type="number" name="amount">
  </div>
  <div class="ui error message"></div>
  <button class="ui button" type="submit">Submit</button>
</form>

CSS

body {
    padding: 1em;
}

JavaScript

$('.ui.form').form({
  fields: {
    label: {
      identifier: 'label',
      rules: [
        {
          type   : 'empty',
          prompt : 'custom Message A'
        }
      ]
    },
    amount: {
      identifier: 'amount',
      rules: [
        {
          type: 'integer[1..]',
          prompt: 'custom message B'
        }
      ]
    }
  }
});

$('.ui.button')
	.click((e) => {
  	e.preventDefault()
   
      $('.ui.form')
      	.form('is valid')    
  })