整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
一、submit按鈕和onsubmit事件實(shí)現(xiàn)驗(yàn)證
<form name=“form1”onsubmit=“return checkForm()”>
用戶名：<input type=“text”name=“username” />
<input type=“submit” value=“提交表單” />
</form>
二、button按鈕和onclick事件實(shí)現(xiàn)驗(yàn)證
<form name=“form1” >
用戶名：<input type=“text”name=“username” />
<input type=“button” value=“提交表單”onClick=“checkForm()” />
注意：普通按鈕的onclick的返回值，不會阻止普通按鈕的默認(rèn)動(dòng)作
</form>
<script>
function checkForm()
{
var flag; //局部變量
//先做表單驗(yàn)證
If(document.form1.username.value==””)
{
flag = false;
}else
{
flag = true;
}
//判斷flag的值，如果為true，則提交表單
if(flag==true)
{
//如果為true，則提交表單，使用form對象的提交方法submit()
Window.alert(“表單驗(yàn)證通過”);
document.form1.submit();
}else
{
//如果為false，則彈出一個(gè)提示信息
Window.alert(“表單驗(yàn)證失敗”);
}
}
</script>
三、submit按鈕和onclick事件實(shí)現(xiàn)驗(yàn)證
<form name=“form1” >
用戶名：<input type=“text”name=“username” />
<input type=“submit” value=“提交表單”onClick=“return checkForm()” />
</form>
checkbox對象的屬性
name：復(fù)選框的名稱
value：復(fù)選框的值
type：復(fù)選框的類型
form：復(fù)選框所在的表單對象。如：this.form
checked：復(fù)選框是否選中
注意：在表單中，多個(gè)name的值一樣，將產(chǎn)生一個(gè)數(shù)組。
實(shí)例：全選和反選
<script>
//定義函數(shù)：當(dāng)“全選”復(fù)選框被“選中”時(shí)，所有的name=hobby都勾選
//如果“全選”復(fù)選框取消“選中”時(shí)，所有的name=hobby都取消勾選
function select_all(obj)
{
//取到name=hobby的對象，構(gòu)成的一個(gè)數(shù)組
var arr = document.form1.hobby;
//判斷“全選”的狀態(tài)
if(obj.checked)
{
//遍歷所有name=hobby對象的checked的值，并將其值設(shè)為true
for(var i=0;i<arr.length;i++)
{
arr[i].checked = true;
}
}else
{
//遍歷所有name=hobby對象的checked的值，并將其值設(shè)為false
for(var i=0;i<arr.length;i++)
{
arr[i].checked = false;
}
}
}
//定義函數(shù)：選中的項(xiàng)，變成取消；沒有選中的項(xiàng)，被選中
function select_no_all()
{
//先獲得name=hobby的所有對象
var arr = document.form1.hobby; //checked
//遍歷所有的hobby對象
for(var i=0;i<arr.length;i++)
{
if(arr[i].checked)
{
arr[i].checked = false;
}else
{
arr[i].checked = true;
}
}
}
</script>
對于上傳的文件要做兩方面的判斷：文件的類型(擴(kuò)展名)、文件的大小(PHP中再講)。
<script>
//定義：對上傳文件的擴(kuò)展名進(jìn)行判斷
function check_file_type(fileName)
{
//定義狀態(tài)變量
var flag = false;
//定義一個(gè)圖片擴(kuò)展名的數(shù)組
var arr = ["jpg","jpeg","png","gif"]; //dedeCMS
//重蔚自留地的.xls
//先找到最后一個(gè)小點(diǎn)的位置
//提取子字符串substr(startIndex)、substring(startIndex)
//取出上傳文件的擴(kuò)展名
var ext = fileName.substr(fileName.lastIndexOf(".")+1).toLowerCase();
//遍歷圖片數(shù)組，與取到的擴(kuò)展名，進(jìn)行比對，如果找到，則返回true
for(var i=0;i<arr.length;i++)
{
if(arr[i]==ext)
{
flag = true;
break;
}
}
//根據(jù)flag的值，彈出相應(yīng)的提示信息
if(flag)
{
alert("文件可以上傳");
}else
{
alert("文件類型不允許上傳");
}
}
</script>
<select name=“edu”>
<option value=“大專”>大專</option>
<option value=“大本”>大本</option>
<option value=“研究生”>研究生</option>
</select>
select對象的屬性
options[]：所有的option構(gòu)成的一個(gè)數(shù)組。
如：edu.options[0].value = “大專”
edu.options[0].text = “大專”;
selectedIndex：默認(rèn)選中的option對象的索引號(下標(biāo))
length：指一共有多少個(gè)option對象
name：select對象的名稱
option對象的屬性
value：指option對象的值
text：指<option></option>之間的文本內(nèi)容
以上就是我今天學(xué)到的表單提交的幾種方法。跟大家一起交流。寫的不好，望大神多多指教。
1.提交網(wǎng)站并驗(yàn)證網(wǎng)站歸屬后即可使用站長工具。
2.建議您驗(yàn)證所有需要進(jìn)行分析的子域名，以便更充分地使用站長工具。
一、文件驗(yàn)證
1、下載驗(yàn)證文件
2、添加到進(jìn)行驗(yàn)證的網(wǎng)站域名（如：www.toutiao.com）根目錄下。
3、驗(yàn)證成功后的站點(diǎn)，請不要?jiǎng)h除刪除HTML文件。
二、驗(yàn)證校驗(yàn)
添加完成后可以點(diǎn)擊這里進(jìn)行驗(yàn)證是否添加成功，如果添加成功能夠正常打開，不能打開需要重新確定。
三、觀察狀態(tài)
1、驗(yàn)證通過
驗(yàn)證成功的站點(diǎn)會在后臺正常展示
2、驗(yàn)證失敗
若網(wǎng)站驗(yàn)證失敗，請檢查是否為以下原因：
束驗(yàn)證 DOM 方法
| Property | Description |
|---|---|
| checkValidity() | 如果 input 元素中的數(shù)據(jù)是合法的返回 true，否則返回 false。 |
| setCustomValidity() | 設(shè)置 input 元素的 validationMessage 屬性，用于自定義錯(cuò)誤提示信息的方法。使用 setCustomValidity 設(shè)置了自定義提示后，validity.customError 就會變成true，則 checkValidity 總是會返回false。如果要重新判斷需要取消自定義提示，方式如下：setCustomValidity('') setCustomValidity(null) setCustomValidity(undefined) |
以下實(shí)例如果輸入信息不合法，則返回錯(cuò)誤信息：
checkValidity() 方法
<inputid="id1"type="number"min="100"max="300"required><buttononclick="myFunction()">驗(yàn)證</button><pid="demo"></p><script>
functionmyFunction(){varinpObj = document.getElementById("id1"); if(inpObj.checkValidity() == false){document.getElementById("demo").innerHTML = inpObj.validationMessage; }}
</script>
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
