1. 程式人生 > >新增Bootstrap表單驗證之後無法提交表單

新增Bootstrap表單驗證之後無法提交表單

問題描述:一個登陸頁面,新增BootstrapValidator表單驗證之後,輸入格式驗證正確,但點選登陸後沒有提交表單,登陸按鈕變為不可選,再次編輯任意一個輸入框之後才能成功提交。

原來的登陸按鈕是這麼寫的:

<button type="submit" name="submit" class="btn btn-default btn-block btn-success">登入</button>
解決方法:

name屬性值不能為submit,改一下就好了。(具體原因我也不是很清楚,歡迎小夥伴來交流一下~)修改之後:

<button type="submit" name="Submit" class="btn btn-default btn-block btn-success">登入</button>


相關推薦

新增Bootstrap驗證之後無法提交

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

JS驗證通過之後提交

JS程式碼: <script type="text/javascript"> function reg() { var v1 = document.getElementById('consumerName').value; var s

使用SpringMVC 實現RESTful,並解決PUT,DELETE請求無法提交資料的問題

瞭解RESTful,使用SpringMVC 實現RESTful 關於REST: 1.表述性狀態轉移,是web服務的一種架構風格,是一種思想,而非標準或軟體。 2. 通常基於使用HTTP,URI,XML、JSON、HTML這些現廣泛流行的協議。 3.屬於輕量級(使

form當滿足條件之後提交的方法

使用form表單的onsubmit屬性,當屬性值為true時,則提交,當屬性值為false時,則不提交: <%@ page language="java" contentType="text/h

記一次 thinkphp5令牌驗證防止重複提交

因為專案需要表單提交,可是發現了必須要防止使用者提交,經過了幾個小時的百度旅遊總算找到的方法,其實說到底還是看官方手冊來的頭緒,以後看來要多看。。。。。。。 其實好像就是驗證器中加入token的驗證而已,擼程式碼吧 首先在html的from中加入下列程式碼,其實官方手冊有說明的 {:token()

jQuery Mobile中無法提交的解決方法

jquery mobile預設是使用ajax提交表單的,如果要像平常PHP一樣的流程接收引數,可以把AJAX禁用: 只在加上data-ajax="false"就可以了。 <form method="post" action="jqdemo.php" data-aja

Spring boot+Spring security5.0+thymeleaf登入POST方式無法提交403或自動轉為GET方式的解決

一、前言     我這幾天看到檢視這篇博文的人比較多,特意更新了兩種解決第二個問題辦法。     這兩天看隔壁組專案,由於我自己專案和他們專案一樣使用的Spring boot基礎框架,想看看有什麼值得學習的地方,結果就看到人家的登入表單可以正常分GET和POST提交,也沒

關於form中使用ajax提交,ajax無法success的問題

問題背景:我的畢業設計是重構自己以前寫過的一個小網站,之前寫的時候沒有用任何框架,前後臺互動資料靠el表示式、form表單。在完成畢業設計時使用SpringMVC+Spring+MyBatis+JQuery,統一使用ajax來互動資料。 問題再現: html關鍵程式碼<

27.restful中delete請求無法提交資料

現在介紹下delete請求無法提交表單資料的解決辦法: 1.在web.xml中新增HiddenHttpMethodFilter過濾器 <!--將POST請求轉換為DELETE或者PUT

PHP驗證+Session來儲存資訊

剛入門PHP,簡單的練習,判斷使用者名稱、密碼不能為空,提交後儲存在session中 <!DOCTYPE HTML> <?php session_start(); //啟動會話 ?> <html> <head> <style&g

第九章 提交-使用request庫提交、處理cookie等操作

#!/usr/bin/env python # _*_ coding:utf-8 _*_ # 提交一個基本表單 # import requests # # params={'firstname':'Ry

Element 驗證,取消部分欄位校驗結果

<template> <div> <el-form ref="formRules" :model="form" :rules="rules" :inline="true"> <el-form-item prop="name">

BootstrapValidator驗證無法提交問題

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

MVC身份驗證.MVC過濾器.MVC6關鍵字Task,Async.前端模擬驗證,提交.自定義匿名集合.Edge匯出到Excel.BootstrapTree樹狀選單的全選和反選.bootstrap可搜尋可多選可全選下拉框

在寫這篇部落格之前要嘮叨幾句.本人已從事開發四年有餘.從前兩年的熱情如火.到現在的麻木.總感覺要像上突破.卻又不敢輕舉妄動. 沒事就寫點基礎程式碼.指點下新人吧 1.MVC身份驗證.    有兩種方式.一個是傳統的所有控制器繼承自定義Control,然後再裡面用MVC的過濾器攔截.所以每次網站的後臺被訪問時.

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

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

bootstrap驗證之bootstrapValidator(非submit按鈕提交

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

form 無法提交js動態新增元素遇到的坑

第一種情況, 這種情況js動態新增的表單元素是不能提交到伺服器端的 <table> <form method="post" action=" url  "> <tr><td></td><td>&

bootstrap驗證插件

label validator email ref put ida 身份證驗證 prim note bootstrapvalidator源碼:https://github.com/nghuuphuoc/bootstrapvalidator boostrapvalidator

利用JS提交的幾種方法和驗證(必看篇)

www contain 功能 ner ble 四種 利用 comm pac 第一種方式:表單提交,在form標簽中增加onsubmit事件來判斷表單提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Bootstrap使用模態框modal實現提交彈出框

-s 彈出層 lib 前端 close css 狀態 upd 技術 Bootstrap 模態框(Modal)插件 模態框(Modal)是覆蓋在父窗體上的子窗體。通常,目的是顯示來自一個單獨的源的內容,可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。如果您想要