如果两个字段为空,则Jquery停止提交

时间:2013-05-23 15:56:39

标签: javascript jquery forms

我是jquery和javascript的新手,但我想知道是否有人对如何在两个字段为空时尝试提交表单时向用户显示错误(警告)有任何好的想法。

以下是我正在使用的代码:http://jsfiddle.net/spadez/uaZkV/1/

我相信代码的相关部分在这里:

$('#searchform').on('submit', function (event) {
    var form = this;

    event.preventDefault(); // stop the submission

    processLocation(function (success) {
        if (success) { // if the geocoding succeeded, submit the form
            form.submit()
        }
    });

在sudo代码中我是这样的:

If #kw & #loc == 0 
    then alert "Cannot leave fields blank"

2 个答案:

答案 0 :(得分:1)

假设输入字段的ID是: kwloc当我说'ID'时,我的意思是:

<input type='text' name='bla' id='kw'>
<input type='text' name='bla' id='loc'>

你可以这样做:

if( $('#kw').val() == '' && $('#loc').val() == '')
{
 alert("Cannot leave fields blank");
}

答案 1 :(得分:0)

验证表单最好的方法是使用JQuery验证插件

http://jqueryvalidation.org/

无论如何,你不应该因为出错而停止提交。首先验证,如果没有错误,请提交