javascript 实现即时验证表单信息二种方法:
成都创新互联公司专注于网站建设|网页维护|优化|托管以及网络推广,积累了大量的网站设计与制作经验,为许多企业提供了网站定制设计服务,案例作品覆盖垃圾桶等行业。能根据企业所处的行业与销售的产品,结合品牌形象的塑造,量身策划品质网站。
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功
script type="text/javascript"
function validate(obj) {
if (confirm("提交表单?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
/script
body
form action="" onsubmit="return validate(document.getElementByIdx_x('myText'));" !—参数的这种写法注意下--
input type="text" id="myText"/
input type="submit" value="submit"/
/form
/body
第二种方式:通过button按钮来触发表单提交事件onclick="submitForm();",会忽略掉其他标签中的属性,比如form标签中的onsubmit属性就失效了。这时为了进行表单验证,可以将验证代码放在submitForm();方法中进行验证。
script type="text/javascript"
function validate() {
if (confirm("提交表单?")) {
return true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementByIdx_x("myForm").submit();
}
}
/script
body
form action="" id="myForm"
input type="text"/
input type="button" value="submitBtn" onclick="submitForm();"/ !—也可以使用document.getElementByIdx_x(“该按钮的id”).click();来执行onclick事件--
/form
/body
相同点:他们都是函数的一种特殊形态,并且可以共存。而且闭包配合即时函数“口味更佳”。
不同点:即时函数是定义一个函数,并立即执行。它只能被使用一次,相当于“阅后即焚”。闭包是指一个函数与它捕获的外部变量的合体,按照MDN的说法,闭包就像一个对象---一个具有一个方法(行为)和一个或多个私有字段(状态)的对象。从这个角度看,闭包是符合面向对象的封装思想的。
补充:有些同学认为只要一个函数引用了外部变量,那么就形成了闭包。
JavaScript简称js,是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。
JavaScript同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。
特点
1、JavaScript可以创建活跃的用户界面,当用户在页面间导航时向他们反馈。
2、使用JavaScript来确保用户以表单形式输入有效的信息,这可以节省业务时间和开支。
3、JavaScript还可以处理表单,设置cookie,即时构建HTML页面以及创建基于Web的应用程序。
4、使用JavaScript,根据用户的操作可以创建定制的HTML页面。