引用路徑

<script type="text/javascript" src="http://js.mobi.net.tw/vad_html5/jquery-html5Validate.js"></script><!-- 驗證 -->

使用


<input type="image" id="btn-save" src="images/icon05.png" title="儲存" />

<form name="vForm" id="vForm" method="post" action="">

	<input type="number" name="num" class="input-style01 btn_mini" value="" maxlength="30" placeholder="數字" required />

	<input type="submit" class="submit" style="display:none;">
</form>

JavaScript


$('#btn-save').click(function(){
    $('#vForm .submit').click();
    return false;
});
$("#vForm").html5Validate(function() {
    this.submit();
});

外部參考用法

注册实例页面
------

<form name="jwuForm" id="jwuForm" method="post" action="/member/savepersonal">
原密碼:<input type="password" name="origanal_pass" value="" required data-min="6" data-max="20"  />
新密碼:<input type="password" name="pwd" id="pwd" value="" required data-min="6" data-max="20" />
密碼確認:<input type="password" name="pwd2" id="pwd2" value="" required data-min="6" data-max="20" />
<input type="button" name="button" id="btn-save" value="確認修改" class="bn_ok" />
<input type="submit" class="submit" style="display:none;">
</form>
<script type="text/javascript">
    $('#btn-save').click(function(){
        
        if ( $('#pwd').val() !== $('#pwd2').val()) {
            $('#pwd2').testRemind("密碼不同").get(0).select();
        }else{
            $('#jwuForm .submit').click();
        }
    
    return false;
});
$("#jwuForm").html5Validate(function() {
    this.submit();
});
</script>

基於HTML5表單驗證擴展高級控件- 16CODE
英文字母開頭
最多30字符並且只能是中文maxlength="30 "
最多30字符並且只能是中文maxlength="30 "
無label, 無required, type="email" , multiple
無, label有required
有label, 有required

我們給input加上required 用來激活驗證,使用label 改變驗證提示文字(可選)

有label, 有required , type=" tel"
              
二選一驗證,有label, 有required , type="tel|email"
有label,非HTML5規範, 國產type="zipcode"
有label, type="url"
                                                              

隱藏label,有required 提示關鍵字自定義data-key="", 有提示的目標元素data -target

label, required max/min限制可選擇範圍→ 1~100
有label, select,required
自定義正則pattern
至少6個字符
再次輸入密碼

(至少選擇3項)