您的位置:首页 > Web前端 > JavaScript

js文件中数据的定义注意事项

2017-08-27 22:12 169 查看
js文件是嵌在jsp文件中的,用于处理jsp文件中的东西,包括提示以及数据的提交。

js文件是和jsp文件一起加载的。

js文件中数据的说明:

今天要不是在测试,一直没有发现这个问题。

$(function(){

}

这个是在文件加载的时候开始执行的。

定义在它前面的变量是全局变量。在下面的任意一个function里面都可以使用。

举例说明:(以账户登录进行说明)



页面包含账号,密码,验证码,身份,以及登录

设置,点击登录按钮,先对账号,密码,验证码以及身份进行判空处理,然后再提交数据

那么就必须首先获取对应的值。

$(function(){
$("#login").click(function () {

if(logincheck()){}

}

function logincheck(){
}

我们可以定义变量在登录按钮的点击事件之间,也可以在点击事件里面。

但是注意:定义在
$(function(){}里面的变量是局部变量。在下面logincheck判断中不能使用Uncaught ReferenceError: accountlogin is not defined
页面给出的提示是,该变量未定义。如果非要这么定义,那么在logincheck里面必须重新定义变量再进行判断。
所以方便起见,在$(function(){})之前定义变量,定义局部变量,可以在点击事件里面对变量赋值。
例如这样:
var accountlogin = "";
var passwdlogin  = "";
var identlogin ="";
var vercode = "";
$(function(){
$("#login").click(function () {
accountlogin = $("#account").val();
passwdlogin  = $("#passwd").val();
identlogin =$("input[name='ident']:checked").val();
vercode = $("#vercode").val();
if(logincheck()){
//todo:写数据提交的东西
}
});
function logincheck(){
alert("测试");
alert(accountlogin);
if(accountlogin==null||accountlogin==""){
alert("账号不能为空!");
return false;
}
//判断账号是否是手机号,用正则表达式
if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(accountlogin))){
alert("请输入正确的手机号");
return false;
}
if(passwdlogin==null || passwdlogin==""){
alert("密码不能为空!");
return false;
}
if(vercode==null || vercode==""){
alert("验证码不能为空!");
return false;
}
if(identlogin==null || identlogin==""){
alert("身份不能为空!"[/b]);
return false;
}
return true;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息