㈠ 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比较少