javascript - 检查空文本字段并根据结果运行脚本

标签 javascript jquery

我有以下代码:

HTML

<input name="FirstName" id="FirstName" class="cat_textbox" maxlength="255" type="text" placeholder="First Name*"> 

<input name="LastName" id="LastName" class="cat_textbox" maxlength="255" type="text" placeholder="Last Name*">

<input name="EmailAddress" id="EmailAddress" class="cat_textbox" maxlength="255" type="text" placeholder="E-Mail Address*">

JS

$( ".prep-form" ).on( "click", function() {

var name = $.trim($('#FirstName').val()),
    nachName = $.trim($('#LastName').val()),
    eMail = $.trim($('#EmailAddress').val());

if (name == '' || nachName == '' || eMail == '') {

    // SHOW ERROR MESSAGE

} else if //Continue with script -- Note: The script works fine until I add the above code...

  return false;
});

如您所见,我正在检查三个输入字段以查看它们是否为空。如果三个中的任何一个为空,我会显示一条错误消息,否则脚本应继续运行。

当我尝试上面的代码时,无论输入字段中是什么,脚本都只会显示错误消息。

出了什么问题?

最佳答案

我不确定我的代码出了什么问题,但我使用以下代码找到了解决方案:

var x = document.forms["formName"]["FirstName"].value;
var y = document.forms["formName"]["LastName"].value;
var z = document.forms["formName"]["EmailAddress"].value;

if (x == null || x == "") {

    //Show Alert

return false;

} else if (y == null || y == "") {

    //Show Alert

return false;

} else if (y == null || y == "") {

    //Show Alert

return false;

} else { 

//Once those above validate the script continues running

关于javascript - 检查空文本字段并根据结果运行脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31134014/

相关文章:

javascript - 如何使用 Jquery 检索 Sharepoint 列表数据

javascript - Bootstrap 旋转木马不居中

javascript - Datatable contenteditable问题导致scrollX

javascript - 读取excel文件并以html显示

javascript - 为什么 addEventListener 在 nodejs 的 jsdom 模块中不起作用

javascript - 如何远程模拟下拉选择

jquery - 让 Uploadify 与 Codeigniter 一起使用?

Jquery - 数据表 - 使用indexof从下拉过滤器中排除列在第一次点击时停止工作

javascript - Bootstrap tab ajax 在页面加载时加载内容

javascript - 获取选择标签的所有元素