Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅当输入了输入时才运行onclick事件_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 仅当输入了输入时才运行onclick事件

Javascript 仅当输入了输入时才运行onclick事件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想创建一个submit按钮,一旦单击该按钮,它将运行我创建的一个函数:disable(),但我想使其仅在上面的输入有文本时运行onclick事件 <form id="name"> <p7>Please enter a name for your plan: </p7> <input required> <input type="submit" onclick="disable()"> &

我想创建一个submit按钮,一旦单击该按钮,它将运行我创建的一个函数:disable(),但我想使其仅在上面的输入有文本时运行onclick事件

    <form id="name">
        <p7>Please enter a name for your plan: </p7> <input required>
        <input type="submit" onclick="disable()">
    </form>

请为您的计划输入一个名称:
因此,如果用户在标记后键入所需的输入,并单击submit,它将运行disable(禁用) 但是,如果用户只是单击submit,而没有在所需的输入中键入任何内容,则disable()不会运行


提前感谢

您可以在禁用功能的开头验证输入值,如下所示:

函数禁用(){
var myInput=document.getElementById(“myInput”);
如果(!myInput.value.length){
警报(“空”);
返回;
}
警惕(“罚款”);
}

请为您的计划输入一个名称:

您可以在禁用功能的开头验证输入值,如下所示:

函数禁用(){
var myInput=document.getElementById(“myInput”);
如果(!myInput.value.length){
警报(“空”);
返回;
}
警惕(“罚款”);
}

请为您的计划输入一个名称:

如果要使用HTML5验证,请不要使用按钮的单击事件,而是使用表单的提交事件,如下所示:

功能禁用(e){
e、 preventDefault()//不需要,但是对于代码段,对于表单,它不会消失
log('Inside disable()');
}
$('#name')。提交(禁用)

请为您的计划输入一个名称:

如果要使用HTML5验证,请不要使用按钮的单击事件,而是使用表单的提交事件,如下所示:

功能禁用(e){
e、 preventDefault()//不需要,但是对于代码段,对于表单,它不会消失
log('Inside disable()');
}
$('#name')。提交(禁用)

请为您的计划输入一个名称:

您也可以禁用按钮本身,因为当没有输入时,您不需要它。 您需要在输入框字段中添加禁用功能

添加了inputbox上的onkeyup事件以跟踪更改。
disable()
函数禁用(){
如果($(“#输入”).val()!=“”){
$(“输入[type=submit]”).attr(“已禁用”,false);
//你自己的代码在这里!!
}
否则{
$(“输入[类型=提交]”).attr(“已禁用”,true);
return;//什么也不做,然后返回。
}
}

请为您的计划输入一个名称:

您也可以禁用按钮本身,因为当没有输入时,您不需要它。 您需要在输入框字段中添加禁用功能

添加了inputbox上的onkeyup事件以跟踪更改。
disable()
函数禁用(){
如果($(“#输入”).val()!=“”){
$(“输入[type=submit]”).attr(“已禁用”,false);
//你自己的代码在这里!!
}
否则{
$(“输入[类型=提交]”).attr(“已禁用”,true);
return;//什么也不做,然后返回。
}
}

请为您的计划输入一个名称:

在您的活动中,检查输入的长度。如果大于零,则禁用按钮,否则不要禁用它。使其
.length
检查
disable()
函数内部,类似于:
if(length==0)return
其中length是
input.value
函数disable(){if(input.length!=0){$(“#table”).addClass(“disabledbutton”);document.getElementById('table#policy').style.display='block'}类似这样的内容@CalvinNunesalmost,下面的一些答案解决了我的评论,并按照您的预期工作,在您的活动中检查它们检查输入的长度。如果大于零,则禁用按钮,否则不要禁用它。使其
.length
检查
disable()
函数内部,类似于:
if(length==0)return
其中length是
input.value
函数disable(){if(input.length!=0){$(“#table”).addClass(“disabledbutton”);document.getElementById('table#policy').style.display='block'}类似这样的内容@CalvinNunesalmost,下面的一些答案回应了我的评论,并按照您的预期工作,请检查它们