1. 程式人生 > >angularjs required,pattern導致的表單內不能提交問題

angularjs required,pattern導致的表單內不能提交問題

在進行表單提交的時候,如果元素較多會出現某些隱藏元素的required,pattern導致的表單內不能提交問題:

可以進行以下的列印排除!

其中可以先打出myForm的所有check元素,然後針對懷疑的進行設定!

myForm.$invalid : {{myForm.$invalid}}<br />
myForm.$valid : {{myForm.$valid}}<br />
myForm.$pristine : {{myForm.$pristine}}<br />
myForm.$dirty : {{myForm.$dirty}}<br />
myForm.$error : {{myForm.$error}}<br />

myForm : {{myForm}}<br />
selectBuildVersion : {{myForm.selectBuildVersion.$error}}     <br />
vendor :  {{myForm.vendor.$error}}       <br />


相關推薦

angularjs requiredpattern導致不能提交問題

在進行表單提交的時候,如果元素較多會出現某些隱藏元素的required,pattern導致的表單內不能提交問題: 可以進行以下的列印排除! 其中可以先打出myForm的所有check元素,然後針對懷疑的進行設定! myForm.$invalid : {{myForm

AngularJS通過 radio來控制元素的顯示和隱藏以及控制元素的 disabled

程式碼如下 <lable> <input type="radio" ng-value="true" name="radio-test" ng-model="radioVal

html5實現的上傳檔案框建立一個可存取到該file的url。

<span style="font-size:18px;"><!DOCTYPE html> <html> <head> <title>HTML5上傳圖片預覽</title> <meta http-

<div>標簽仿<textarea>。contentEditable=‘true’賦予非標簽內容可以編輯

相同 元素 true 狀態 innertext rom 其他 hold 自定義 需求:web頁面需要一個文本輸入框。1、該文本輸入框默認狀態下有個仿‘placeholder’的默認文本提示信息,2、文本框輸入狀態下其高度會隨文本內容自動撐開。 方案

ng-model綁定所示值的類型

lar 隱藏 1.2 tar gpo button als show mode Angularjs 表單類型: input 元素 select 元素 button 元素 textarea 元素 1.input時根據類型不同,ng-model綁定的值不同 1.1

Form提交數據頁面不跳轉返回

bre ava case java ssr ace 引用 except erl html代碼: <form method="post" action="Handler/UserHandler.ashx?action=Test" onsubmit="return Rut

自定義jquery的方法將Form中的內容轉換成json

// 自定義jquery的方法,將Form表單中的內容轉換成json $.fn.serializeJson=function(){ var serializeObj={}; var array=this

檔案上傳下載時在form中設定屬性enctype=“multipart/form-data”的情況下如何獲取提交的值?

一、問題描述 檔案上傳下載時,在form表單中設定屬性enctype=“multipart/form-data”的情況下,如何獲取表單提交的有關使用者資訊的值?(比如:textfield、radio等屬性中的值) 二、解決方法 1、情況一:沒有對user物件進行封裝 方法:

form可以提交阻止頁面跳轉

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body&g

關於button在form的自動重新整理

今天在開發中遇到了ajax傳資料到後臺,處理結果正常,返回的resultMap是一個Map<String,Object>型別,但是返回時顯示'Fail to load response data', 多次除錯無果,最後在html靜態頁面中發現<button>標籤並沒有被<for

獲取的所有元素的值 格式化外掛jquery.serializeJSON

簡單描述:一個form表單裡有十幾個input或者select,要獲取到他們的值,我的做法一直都是$("#id").val();這樣做本來沒什麼說的,但是如果有很多呢,就很麻煩,看了同事的一段程式碼,很亮眼(其實 是我菜 ヾ(◍°∇°◍)ノ゙,沒見過這種寫法) 簡介:序列化form表單的資料成JS物件。

怎麼讓jsp頁面自己定時點選提交按鈕完成form提交到servlet事件

這個涉及到js的每隔幾秒提交事件 <script type="text/javascript"> function dtime(){ setInterval(sub(), 30000); } function sub(){ document.getEle

Tornado實現提交檔案的獲取

#注意下面的config的配置檔案 from tornado.httpserver import HTTPServer from tornado.ioloop import IOLoop from tornado.options import define, parse_config_file, o

小程式開發----資料提交及編輯回顯資料(特別值得看超詳細)

近些天,我在寫表單資料提交及回顯問題,中間遇到了很多坑,經過看文件,各種百度,從而一一解決。 表單中包括的東西特別多,從API可以看得出來,小程式API中的表單有:input/button/picker/label等,我主要用到了input/button/picker,其中在picker問題的

補充labed標籤html5新增元素和語義

<h2>label標籤的使用</h2>     <!--label標籤給予人們友好的操作,選中時,點中文字時自動選中文字框-->     <label>使用者名稱:<input type="text"></la

formajax提交後臺實體接收

js:表單->json物件 $.fn.serializeObject = function() {     var o = {};     var a = this.serializeArray();     $.each(a, function() {      

用layui做二級三級多級聯動

TIP:作者這裡以二級聯動為例 HTML程式碼 tip:程式碼是PHP動態渲染的 <div class="layui-form-item"> <label for="trade" class="layu

[寫著玩]理解multipart/form-data構造http實現android圖片上傳

關於multipart/form-data,可參考https://blog.csdn.net/zshake/article/details/77985757 客戶端  引數解釋,上傳主方法 private void submit() { Map<String, Obj

input新增單位或者文字或者圖示的方法

如上面圖的需求。 暫時想到兩種方法 一、絕對定位 .div2 span{ position:absolute; right:50%; } <div class="div2"> <label for="m

CSS——(CSS樣式規則CSS樣式選擇器常用的CSS屬性)

CSS(Cascading Style Sheets,層疊樣式表單)是由W3C所提出,主要的用途是控制網頁的外觀,也就是定義網頁的編排,顯示,格式化及特殊效果,有部分功能與HTML重疊。 1.CSS樣式規則與選擇器 CSS樣式表單是由一條一條的樣式規則(st