㈠ js驗證框架尋求
你看看是不是下面這個,是我一個注冊頁面的JS驗證:<script language="javascript" type="text/javascript">
/*注冊是否可用*/
function enrol2(){
if (document.MyForm.checkbox.checked==false)
{
document.MyForm.enroll.disabled='disabled';
}
else
{
document.MyForm.enroll.disabled="";
}
}
function enrol(){
/*檢測用戶名是否輸入了*/
if (document.MyForm.txtUser.value=="")
{
alert("請輸入用戶名!")
document.MyForm.txtUser.focus();
return;
}
var pwd1= document.MyForm.txtPwd;//獲得第一個密碼
var pwd2=document.MyForm.txtPwd2;//獲得第二個密碼
/*檢測兩次密碼是否輸入了*/
if (pwd1.value==""||pwd2.value=="")
{
alert("請確保密碼輸入完整!");
document.MyForm.txtPwd.focus();
return;
}
/*檢測兩次密碼是否輸入了6位*/
if (pwd1.value.length<6||pwd2.value.length<6)
{
alert("您的密碼不能少於6位");
document.MyForm.txtPwd.focus();
return;
}
/*密碼兩次輸入檢測*/
if (document.MyForm.txtPwd.value!=document.MyForm.txtPwd2.value)
{
alert("您的兩次輸入的密碼不相同!請重新輸入!");
document.MyForm.txtPwd.focus();
return;
}
var nian=document.MyForm.txtComeYear;//獲得年
var Month=document.MyForm.txtComeMonth;//獲得月
var Day=document.MyForm.txtComeDay;//獲得日
var Email=document.MyForm.txtEmail;//獲得郵箱
/*年非數字檢測*/
for(var i=0;i<nian.value.length;i++){
var charTest=nian.value.toLowerCase().charAt(i);
if (!(charTest>='0' && charTest<='9')){
alert("非法字元!「年」只能包括數字");
nian.select();
return;
}
}
/*月非數字檢測*/
for(var i=0;i<Month.value.length;i++){
var charTest1=Month.value.toLowerCase().charAt(i);
if (!(charTest1>='0' && charTest1<='9')){
alert("非法字元!「月」只能包括數字");
Month.select();
return;
}
}
/*日非數字檢測*/
for(var i=0;i<Day.value.length;i++){
var charTest2=Day.value.toLowerCase().charAt(i);
if (!(charTest2>='0' && charTest2<='9')){
alert("非法字元!「日」只能包括數字");
Day.select();
return;
}
}
/*年范圍檢測*/
if (nian.value<1949||nian.value>2009)
{
alert("年份范圍從1949-2009年");
nian.focus();
return;
}
/*月范圍檢測*/
if (Month.value<1||Month.value>12)
{
alert("月份范圍從1月至12月,您輸入有誤請重新輸入!");
Month.focus();
return;
}
/**「日」范圍檢測*/
if (Day.value<1||Day.value>31)
{
alert("「日」范圍從1號至31號,您輸入有誤請重新輸入!");
Day.focus();
return;
}
/*電子郵箱非空檢測*/
if (Email.value.length=="")
{
alert("電子郵箱不能為空!");
Email.select();
return false;
}
/*電子郵箱格式檢測*/
if (Email.value.indexOf("@",0)==-1||Email.value.indexOf(".",0)==-1)
{
alert("電子郵箱格式不正確!\n必須包含@符號和.符號!");
Email.select();
return false;
}
}
/*打開協議窗口*/
function open1(){
window.open("confer.htm","mywindow","toolbars=0, srcollbars=0,location=0,statusbars=0,menubars=0,resizable=0,width=320,height=380 ");// 打開普通窗口
}</script>
㈡ bootstrap.validator.js 怎麼用
如果你使用的前端框架是bootstrap,那麼前端驗證框架就不必考慮了,bootstrapvalidator是最好的選擇,它和bootstrap的結合最完美,不過要注意版本的問題,針對bootstrap2和bootstrap3有不同的版本。
下面是我遇到的兩個注意事項,自己做個筆記:
1、為每個要驗證的表單元素添加name屬性
例如:
<div class="form-group">
<input type="text" placeholder="請輸入簡訊驗證碼" id="smsCaptcha" name="smsCaptcha" class="form-control"
data-bv-notempty data-bv-notempty-message="驗證碼不能為空"
data-bv-regexp="true" data-bv-regexp-regexp="[0-9]{6}" data-bv-regexp-message="驗證碼格式不正確"
>
</div>
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"
data-bv-notempty data-bv-notempty-message="驗證碼不能為空"
>
</div>
上面這個例子中,第一個表單元素添加了name屬性,第二個表單元素沒有name屬性,而這兩個表單元素都使用了非空驗證,最終效果如下:
從結果可以看出,如果要驗證一個表單項,則該表單項必須有name屬性。否則驗證將不起作用。
2、為保持良好的效果,表單元素最好放在div.form-group裡面
例如下面這個例子:
<label for="exampleInputEmail1">用戶名</label>
<div class="input-group" >
<input type="text" class="form-control required" placeholder="用戶名" id="username" name="username" data-bv-notempty data-bv-notempty-message="請輸入用戶名" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-user"></span>
</span>
</div>
㈢ js驗證框架formValidator問題
formValidator是jquery的驗證嗎這個驗證是JS驗證,如果是可以用ajaxValidator。如果你說的formValidator是struts2的驗證,你在使用ajax調用action,會自動進過formValidator
㈣ angularjs是一個前端框架,為什麼要有sql語句操作資料庫那
一、angularjs是一個javascript框架。通過script腳本引入,他是一個用Javascript編寫的庫。angularjs通過指令擴展了HTML,通過表達式綁定數據到HTML中。AngularJS主要考慮的是構建CRUD(增刪改查)應用。
優點:
1. 模板功能強大豐富,並且是聲明式的,自帶了豐富的Angular指令;
2. 是一個比較完善的前端MVC框架,包含模板,數據雙向綁定,路由,模塊化,服務,過濾器,依賴注入等所有功能;
3. 自定義Directive(指令),比jQuery插件還靈活,但是需要深入了解Directive的一些特性,簡單的封裝容易,復雜一點官方沒有提供詳細的介紹文檔,可以通過閱讀源代碼來找到某些我們需要的東西,如:在directive使用 $parse;
4. ng模塊化比較大膽的引入了Java的一些東西(依賴注入),能夠很容易的寫出可復用的代碼,對於敏捷開發的團隊來說非常有幫助。
缺點:
1. 驗證功能錯誤信息顯示比較薄弱,需要寫很多模板標簽,沒有jQuery Validate方便,所以可以自己封裝了驗證的錯誤信息提示;
2. ngView只能有一個,不能嵌套多個視圖,雖然有angular-ui/ui-router · GitHub 解決,但是貌似ui-router 對於URL的控制不是很靈活,必須是嵌套式的;
3. 對於特別復雜的應用場景,貌似性能有點問題,特別是在Windows下使用chrome瀏覽器,不知道是內存泄漏了還是什麼其他問題,沒有找到好的解決方案,奇怪的是在IE10下反而很快;
4. 這次從1.0.X升級到1.2.X,貌似有比較大的調整,沒有完美兼容低版本,升級之後可能會導致一個兼容性的BUG,具體詳細信息參考官方文檔AngularJS ,對應的中文版本:Angular 1.0到1.2 遷移指南
5. ng提倡在控制器裡面不要有操作DOM的代碼,對於一些jQuery 插件的使用,如果想不破壞代碼的整潔性,需要寫一些directive去封裝插件,但是現在有很多插件的版本已經支持Angular了,如:jQuery File Upload Demo
6. Angular 太笨重了,沒有讓用戶選擇一個輕量級的版本,當然1.2.X後,Angular也在做一些更改,比如把route,animate等模塊獨立出去,讓用戶自己去選擇。
㈤ 前端開發框架都有哪些
web前端的三大主流框架主要是React、Vue.js、Angular。
React
React框架是起源於Facebook的項目,可以輕易地解決跨瀏覽器兼容的問題,主要是通過對DOM的模擬減少與DOM的交互做到的。React的模塊化把組件進行了隔離,出現問題的時候更方便程序員對其進行修改,而且由於JavaScript,因此更有利於搜索引擎的優化。
優點:引入了一個叫作虛擬DOM的概念,運行速度快;提供了標准化的API,解決了跨瀏覽器問題、兼容性更好;代碼更加模塊化,重用代碼更容易,可維護性高。
缺點:React是目標是UI組件,通常可以和其它框架組合使用,並不適合單獨做一個完整的框架。
Vue
Vue是相對比較輕量級的框架,是通過進行雙向數據綁定來達到驅動頁面的效果,大多程序員在學習新框架的時候都會先從Vue開始。Vue比較簡單,官方文檔介紹的很清楚,可以非常快速的通過非同步批處理的方式對DOM進行更新,也能把可復用的、解耦的組件組合在一起使用,更能允許多種模塊的安裝,場景使用也更加靈活。
優點:漸進式構建能力是Vue.js最大的優勢,Vue有一個簡潔而且合理的架構,使得它易於理解和構建。Vue有一個強大的充滿激情人群的社區,這為Vue.js增加了巨大的價值,使得為一個空白項目創建一個綜合的解決方案變得十分容易。
缺點:在模型-視圖應用程序和狀態容器類型的應用程序之間的互相轉換可能會令人感到困惑;它類似於Web組件的模式,而不是真正的Web組件。
Angular
Angular擁有很好的應用程序,是一個以JavaSpript編寫的庫,模板功能也異常強大,本身就帶有豐富的Angular指令。一方面可以通過指令擴寬HTML,一方面可以通過表達式綁定數據到HTML。
優點:模板功能強大豐富並且是聲明式的,是一個比較完善的前端MVC框架,自帶了豐富的Angular指令;ng模塊化比較大膽的引入了Java的一些東西(依賴注入),能夠很容易地寫出可復用的代碼,對於敏捷開發的團隊來說非常有幫助。
缺點:驗證功能錯誤信息顯示比較薄弱,需要寫很多模板標簽;ngView只能有一個,不能嵌套多個視圖;比較笨重,沒有讓用戶選擇一個輕量級的版本。
㈥ js validation驗證框架 type error:對象不支持"load"屬性或方法
用Chrome調試看看,具體錯在哪了
㈦ 前端開發中有什麼優秀的js表單驗證框架
jquery validate
jQuery Validate 插件為表單提供了強大的驗證功能,讓客戶端表單驗證變得更簡單,同時提供了大量的定製選項,滿足應用程序各種需求。該插件捆綁了一套有用的驗證方法,包括 URL 和電子郵件驗證,同時提供了一個用來編寫用戶自定義方法的 API。所有的捆綁方法默認使用英語作為錯誤信息,且已翻譯成其他 37 種語言。
該插件是由 Jörn Zaefferer 編寫和維護的,他是 jQuery 團隊的一名成員,是 jQuery UI 團隊的主要開發人員,是 QUnit 的維護人員。該插件在 2006 年 jQuery 早期的時候就已經開始出現,並一直更新至今。目前版本是 1.14.0。
訪問 jQuery Validate 官網,下載最新版的 jQuery Validate 插件。
㈧ 關於JSValidation驗證框架的使用問題
那原因比較多了
··
根據我的經驗:至少還需要設置兩個地方
(1)在新建actionForm時,去除裡面自帶的驗證方法
否則驗證框架會被覆蓋。
(2)在配置文件里添加validation=true;
㈨ 求助,關於parsley.js驗證框架的使用
優點:
arsley.js是一個表單驗證的js
語法比較簡單
擴展比較強大
缺點:
文檔和demo比較少