`

Javascript判断input(输入框)的值是否为空

阅读更多

比如,有下面一段代码
<from name="formName">
<input name="inputName" value="" />
</form>
我们想用JavaScript判断输入框的值是否为空,以进行后面的操作,就可以使用下面的js代码:
if(document.formName.inputName.value=="") //or document.formName.inputName.value.length==0
{
//这个大括号里面写的是,当input的值的确为空时的处理方法
document.form.inputName.focus();//使输入框获得焦点
}
需要注意的一些事情:
1.form的名称是否书写正确
2.是value=="",而不是value=""

 

<SCRIPT LANGUAGE = "JavaScript">
function check_input()
{   
    if(document.goToPageForm.page.value == "")
    {
       
        alert("您没有输入页码!");
        return false;
    }    

    return true;   


</SCRIPT>

分享到:
评论

相关推荐

    js点击连续添加input输入框并且判断值

    在JavaScript编程中,"js点击连续添加input输入框并且判断值"这个功能是常见的动态表单构建场景。这种技术常用于需要用户输入不确定数量信息的情况,例如购物网站的商品添加、在线问卷调查等。下面我们将详细讲解...

    jQuery/JS监听input输入框值变化实例

    同时,使用jQuery绑定了oninputpropertychange事件,显示了在输入过程中实时获取输入框长度,并根据输入值是否存在来改变其他元素的样式。 在介绍完各种监听方法后,文章还提供了一些兼容IE浏览器的JavaScript函数...

    javascript检测input是否为空

    以下是一些关于如何使用JavaScript检测`input`元素是否为空的知识点。 1. **获取输入元素**: 首先,你需要获取到`&lt;input&gt;`元素。可以通过`document.getElementById()`, `document.querySelector()`或`document....

    js与jquery实时监听输入框值的oninput与onpropertychange方法.docx

    JS 与 jQuery 实时监听输入框值的 oninput 与 onpropertychange 方法 在 Web 开发中,实时监听输入框值的变化是一个常见的需求,例如自动完成功能、实时搜索、表单验证等。在这个资源中,我们将介绍 JS 与 jQuery ...

    input输入框蓝光特效

    蓝光特效则通常是指在用户聚焦或激活input输入框时,为输入框添加的一种视觉效果,使得交互更加吸引人,提升用户体验。在JavaScript(js)中实现这种特效,我们可以利用CSS样式和JavaScript事件监听来完成。 首先,...

    input输入框获取js点击文字内容.zip

    总的来说,"input输入框获取js点击文字内容.zip"项目是一个利用JavaScript实现的交互特效,它简化了用户与网页的交互,提高了用户体验。具体实现可能包括对`input`事件和`click`事件的监听,以及对`input`元素`value...

    js监听input输入框值的实时变化实例.docx

    ### JavaScript 监听 Input 输入框值的实时变化 #### 知识点概览 1. **事件绑定方式**:理解并应用多种事件绑定方法(原生 JavaScript、jQuery)。 2. **兼容性处理**:针对不同浏览器(如 IE)采用不同的事件绑定...

    js监听输入框值的即时变化onpropertychange、oninput.docx

    JavaScript 监听输入框值的即时变化 在 Web 开发中,监听输入框值的即时变化是一种常见且有用的技术,可以帮助我们实现实时的用户体验感。例如,即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索...

    利用javaScript实现点击输入框弹出窗体选择信息

    在页面中定义了一个文本输入框`&lt;input&gt;`,并为其绑定了`onfocus`事件处理器。当输入框获得焦点时,会触发`alertDivINFO`函数。该函数用于实现弹出窗体选择信息的功能。接着,在`&lt;head&gt;`标签内定义了页面的title、...

    js-input输入框提示语

    当需要检测输入框是否为空时,可以结合`placeholder`属性和`value`属性。如果`value`属性的值为空字符串,表示输入框为空: ```javascript if (inputElement.value === '') { alert('输入框为空'); } ``` 4. ...

    点击input输入框弹出选择层(基于jquery)

    在网页设计和开发中,有时候我们需要为用户提供更加交互式的体验,比如当用户点击一个input输入框时,弹出一个选择层来供用户选择。这样的功能通常用于下拉菜单、日期选择器或者选项列表等场景。在这个案例中,我们...

    日期控件(input输入框)

    在网页开发中,日期控件(input输入框)是一种常见的用户界面元素,允许用户方便地选择日期,常用于表单填写、日程安排等场景。在本案例中,这个日期控件是通过JavaScript和CSS实现的,并且依赖于jQuery库。jQuery是一...

    基于vue2.0的input输入框文字特效

    【描述】提到的特效主要是在input输入框获得焦点时,通过JavaScript(可能结合CSS)添加动画效果。这可能是改变输入框的边框颜色、大小、阴影或者添加其他视觉反馈。这种技术可以增加用户的注意力,使得交互过程更加...

    CSS3 input输入框蓝光特效.zip

    在这个“CSS3 input输入框蓝光特效.zip”压缩包中,包含的可能是一个实现input输入框在用户焦点时产生蓝光过渡效果的代码示例。 input元素是HTML中用于创建表单的常见元素,它允许用户在网页上输入数据。在传统的...

    F:\Soft\input输入框美化效果.zip

    标题中的"F:\Soft\input输入框美化效果.zip"是一个压缩包文件,位于F盘的Soft文件夹下,其内容是关于input输入框的美化效果。描述提到“14种CSS3炫酷表单input输入框美化效果”,这表明这个压缩包内包含了一系列使用...

    jquery创建和删除多个同名的input输入框

    本篇文章将深入探讨如何使用jQuery来创建和删除多个具有相同名称的input输入框。这个操作在动态表单或者需要用户多次输入类似信息的场景中十分常见。 首先,我们需要理解HTML中的input元素。Input元素是用于用户在...

    【JavaScript源代码】element input输入框自动获取焦点的实现.docx

    在JavaScript和Vue.js开发中,有时我们需要实现一种功能,即当页面加载或特定事件发生时,使输入框(input)自动获取焦点。这样的需求在创建表单或评论系统时尤其常见,用户可以直接开始输入而无需手动点击输入框。...

    14种CSS3炫酷表单input输入框美化效果

    本资源“14种CSS3炫酷表单input输入框美化效果”正是围绕这一主题展开,旨在帮助开发者创造出更具吸引力和交互性的表单界面。 1. **边框动画效果**:通过CSS3的`border-radius`属性,可以创建圆角输入框,增强视觉...

    js与jquery获取input输入框中的值实例讲解.docx

    ### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...

Global site tag (gtag.js) - Google Analytics