1. 程式人生 > >bootstrapValidator驗證 表單驗證通過但無法提交form的原因

bootstrapValidator驗證 表單驗證通過但無法提交form的原因

bootstrapValidator驗證時,使用submit提交表單,驗證通過,頁面沒有錯誤資訊。但submit按鈕未沒有提交。

原因 : submit標籤的name或id屬性值為submit。

$('#common-form').bootstrapValidator({

                feedbackIcons : {
                    valid : 'glyphicon glyphicon-ok',
                    invalid : 'glyphicon glyphicon-remove',
                    validating : 'glyphicon glyphicon-refresh'
                },
                fields : {
                    name : {
                        validators: {
                            notEmpty: {
                                message: '請填寫名稱'
                            },
                            stringLength:{
                                max: 20,
                                message: '名稱不得超過20個字元'
                            }
                        }
                    }
                }

        });

相關推薦

bootstrapValidator驗證 驗證通過無法提交form原因

bootstrapValidator驗證時,使用submit提交表單,驗證通過,頁面沒有錯誤資訊。但submit按鈕未沒有提交。原因 : submit標籤的name或id屬性值為submit。$('#common-form').bootstrapValidator({    

bootstrapValidator + Ajax驗證

首先,利用bootstrap Validator表單驗證進行表單驗證需要如下CSS和JS. <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> <link rel="styl

hvalidate vue前端驗證 驗證

hvalidate 專案介紹 自定義vue指令,前端表單校驗 安裝教程 專案地址 https://gitee.com/hcsy/hvalidate   在vue專案中引入 import hvalidate from './js/hvalida

js驗證 驗證空值 長度,過濾非數字等

3、<!-- 驗證表單的js提交方式會不一樣 --><script type="text/javascript">function checkFormSubmit(form){if(form.username.value == ""){alert("請輸入賬號");form.usern

BootstrapValidator驗證無法提交問題

用BootstrapValidator做表單驗證遇見點選submit和未執行action的情況,看網上都是加個點選事件,然後$("id").submit(),既繁瑣又不好用,幾經查詢發現BootstrapValidator驗證有給提交按鈕de 的屬性: submitButt

bootstrapValidator驗證後清除當次驗證的方法

 用bootstrapValidator的resetForm()方法: <!-- // create server begin --> <div class="modal fade" id="server-create-server-modal" tabindex="-1"

BootstrapValidator驗證使用指南

<link rel="stylesheet" href="/path/to/bootstrap/css/bootstrap.css"/> <link rel="stylesheet" href="/path/to/dist/css/bootstrapValidator.min.cs

Element 驗證項v-model繫結值為物件下的子物件的屬性時無法驗證

問題:表單項(select)雙向繫結的變數(form.a.name)為表單物件(form)的子物件(form.a)的某一屬性時(form.a.name),規則繫結的prop(name)驗證不執行。 <el-form :model="form" :rules="rules" ref="f

bootstrapValidator驗證

bootstrapValidator表單驗證: github下載:https://github.com/pengpengbhne/BootstrapValidator 引入js等 6 <link rel="stylesheet" href="vendor/bootstr

layui在form頁面通過Validform加入簡單驗證

form簡單驗證 <input type="text" name="email" datatype="e" ignore="ignore" placeholder="請輸入郵箱" auto

利用js編寫一個簡單的html驗證驗證通過提交資料(附原始碼)

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-

新增Bootstrap驗證之後無法提交

問題描述:一個登陸頁面,新增BootstrapValidator表單驗證之後,輸入格式驗證正確,但點選登陸後沒有提交表單,登陸按鈕變為不可選,再次編輯任意一個輸入框之後才能成功提交。 原來的登陸按鈕是這麼寫的:<button type="submit" name="s

JS元件系列——Form驗證神器: BootstrapValidator

前言:做Web開發的我們,表單驗證是再常見不過的需求了。友好的錯誤提示能增加使用者體驗。博主搜尋bootstrap表單驗證,搜到的結果大部分都是文中的主題:bootstrapvalidator。今天就來看看它如何使用吧。 一、原始碼及API地址 介紹它之前,還是給出它的原始碼以及API的地址吧。

bootstrapValidator驗證的使用,登陸Demo

需要引入內容有:jQuery的js檔案,bootstrapValidator.js ,bootstrapValidator.css檔案。 formValidatorTest.html <!DOCTYPE html> <html> <head&

bootstrap驗證bootstrapValidator(非submit按鈕提交

看了兩年CSDN第一次寫部落格就從這裡開始了,寫的不好請不要噴我~    鑑於之前學習的東西總是忘記,沒有記錄所以在這裡記錄一下。基於bootstrap的表單驗證實現。在頁面引入需要使用的CSS和JS,引入你專案中的CSS 和 JS<%--validate--%>

【推薦】bootstrapValidator.min.js驗證外掛

/*表單驗證*/ var gets = true;//是否讓表單提交 $(function(){ // 提示資訊=========================================== $("inp

通過ajax和json進行驗證(非同步載入)

function add() { var name = $("#name").val(); $.ajax({ type: "POST", url: "api/addAction",

element v-for 下拉框 無法進行驗證

關於element 下拉框在使用v-for 以後驗證失靈問題、或者是驗證失靈問題 首先確認:rules=" "總的名字js中的保持一致 prop 與rules:{}中的元素名保持一致 如果都校驗完畢發現沒有錯誤:那可能是後臺型別與前臺傳過來的:value值得型別不

純H5+c3實現驗證

mail ida 網址 put 滿足 字段 address ini css3 客戶端驗證是網頁客戶端程序最常用的功能之一,我們之前使用了各種各樣的js庫來進行表單的驗證。HTML5其實早已為我們提供了表單驗證的功能。至於為啥沒有流行起來估計是兼容性的問題還有就是樣式太醜陋了

驗證

java pwd word 用戶註冊 -1 style 字符 text date <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></