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

时间:2024-05-19 09:21:28

js文件是嵌在jsp文件中的,用于处理jsp文件中的东西,包括提示以及数据的提交。

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

js文件中数据的说明:

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

$(function(){
}

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

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

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

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

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

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

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

$(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("身份不能为空!");
        return false;
    }
    return true;
}