Question

当用户尝试提交表单时，如果其中一个/两个字段为空或者一个/两个字段都包含默认值，如何返回带有错误消息的警告对话框？

到目前为止，这是我的代码：

HTML

<!-- idea title -->
<textarea id="ideaTitle" />Please give your idea a title...</textarea>
<br />
<!-- idea body -->
<textarea id="ideaBody" rows="5" />Please provide details of your idea...</textarea>
<br />
<!-- submit button -->
<input type="button" id="sendMessage" value="broadcast" />

JS

 $(function () {
     $('#ideaTitle, #ideaBody').each(function () {
         $.data(this, 'default', this.value);
     }).focus(function () {
         if (!$.data(this, 'edited')) {
             this.value = "";
         }
     }).change(function () {
         $.data(this, 'edited', this.value != "");
     }).blur(function () {
         if (!$.data(this, 'edited')) {
             this.value = $.data(this, 'default');
         }
     });
 });

演示：http://jsfiddle.net/EKmmq/

Answer 1

尝试将此事件处理程序添加到按钮：

 $('#sendMessage').click(function () {
     $('#ideaTitle,#ideaBody').each(function () {
         if ($.trim($(this).val()).length === 0) {
             alert('empty');
             return false;
         }
         if ($.trim($(this).val()) === $(this).data('default')) {
             alert('default');
             return false;
         }
     })
 });

<强> jsFiddle example

如果一个/两个字段为空或包含默认值，则返回警报对话框

1 个答案: