0

ユーザーが CSS コードを生成できるツールを作成しようとしています。現時点では、入力に取り組んでいます。ユーザーがテキスト入力を空のままにしておくと、メッセージが表示されます。現時点で私が持っているコードはうまくいかないようです。何かアイデアはありますか?

$("#btn-css").click(function() {
    if( $('input').attr(value) = "" ) {
      $('#output').append('All boxes must be completed');
    } else {
      $('.preview').attr('style', 'box-shadow: ' + $("#h-value").val() + 'px ' + $("#v-value").val() + 'px ' + $("#blur").val() + 'px ' + $("#spread").val() + 'px #' + $("#colour").val() + ';');
      $('#output').append('box-shadow: ' + $("#h-value").val() + 'px ' + $("#v-value").val() + 'px ' + $("#blur").val() + 'px ' + $("#spread").val() + 'px #' + $("#colour").val() + ';');
    }
    });
4

4 に答える 4

1

使用.val()..val()あなたが述べたのとまったく同じことをします..

if( $('input').val() == "" ) {

すべての入力を確認するには..

var inputVallength=$('input').filter(function(){
       return this.value==""
   }).length;

if(inputVallength == 0 || inputVallength < $('input').length){
 $('#output').append('All boxes must be completed');  
}
于 2013-07-23T21:05:41.590 に答える
1

ページ上のすべてのテキスト入力を選択し、それらをフィルタリングして空のものにします。

$("#btn-css").click(function() {
    var emptyInputs = $('input:text').filter(function() { return this.value == ""; });
    if (emptyInputs.length === 0) {
        // Everything filled in

    } else {
        $('#output').append('All boxes must be completed');
    }

});

あなたもやりたいかもしれません：

var emptyInputs = $('input:text').filter(function() { return $.trim(this.value) == ""; });

これにより、空白のみのテキスト入力も取得されます。

于 2013-07-23T21:07:00.080 に答える
0 
$('input').attr(value)

これにより、ページ全体のすべての入力要素が選択されます。

また、@Mike Christensen が言ったことは、少なくとも 2 つの等号が必要です。

于 2013-07-23T21:02:42.233 に答える