在JavaScript中使用两个函数_Javascript_Html_Ajax

在JavaScript中使用两个函数

javascript html ajax

在JavaScript中使用两个函数,javascript,html,ajax,Javascript,Html,Ajax,我想在javascript中添加两个函数，以便在第一个函数验证后，第二个函数必须验证并返回值。但在我的案例中，只有一个正在执行：代码如下： <html> <script type="text/javascript"> function validate(){ var name_value=document.getElementById('qs').value; if(name_value=="") { alert("Please enter your keyword")

我想在

javascript

中添加两个函数，以便在第一个函数验证后，第二个函数必须验证并返回值。但在我的案例中，只有一个正在执行：

代码如下：

<html>
<script type="text/javascript">
function validate(){
var name_value=document.getElementById('qs').value;
if(name_value=="")
{
alert("Please enter your keyword");
}
}
var ray={ajax:function(st)
    {
        this.show('load');
    },
show:function(el)
    {
        this.getID(el).style.display='';
    },
getID:function(el)
    {
        return document.getElementById(el);
    }
}
</script>
<style type="text/css">
#load {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px double #999999;
    font-family: "Trebuchet MS",verdana,arial,tahoma;
    height: 50px;
    left: 45%;
    line-height: 50px;
    margin-left: -150px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 350px;
    z-index: 1;
}
</style>
<body>
<div id="load" style="display:none;"><strong>Please wait while we process your request...</strong></div>
<form action="http://www.example.com" method="post" onSubmit="validate() && return ray.ajax()">
<input type="text" value="" name="q" id="qs">
<input type="submit" value="Search">
</form>
</body>
</html>


函数验证（）{
var name_value=document.getElementById（'qs'）.value；
如果（名称\值==“”）
{
提醒（“请输入您的关键字”）；
}
}
var-ray={ajax:function（st）
{
这个.show（'load'）；
},
显示：功能（el）
{
this.getID（el.style.display=''；
},
getID：函数（el）
{
返回文档.getElementById（el）；
}
}
#装载{
背景：无重复滚动0 0#F7F7；
边框：1px双倍#999999；
字体系列：“投石机MS”，verdana，arial，tahoma；
高度：50px；
左：45%；
线高：50px；
左边距：-150px；
利润上限：-50px；
位置：绝对位置；
文本对齐：居中；
最高：50%；
宽度：350px；
z指数：1；
}
我们正在处理您的请求，请稍候…

在上面的代码中，如果我删除

标记中的

return ray.ajax（）

，则只有

validate（）

可以工作。但我希望两者都能起作用，即如果

文本框空，则显示警报，否则显示请稍候…
消息
如何实现？提前感谢…
试试看
function validate(){
    var name_value=document.getElementById('qs').value;

    if(name_value=="")
    {
        alert("Please enter your keyword");
        return false;
    }
    return true;
}
var ray={
    ajax:function(st)
    {
        this.show('load');
        return true
    },
    show:function(el)
    {
        this.getID(el).style.display='';
    },
    getID:function(el)
    {
        return document.getElementById(el);
    }
}

及
返回值不应该在验证之前吗？是的，只是一点变化。。。其工作原理：）
<form action="http://www.example.com" method="post" onSubmit="return validate() && ray.ajax()">